如何通过 DOM 使 div align="center"？答案

【问题标题】：How to make div align="center" via DOM?如何通过 DOM 使 div align="center"？
【发布时间】：2012-03-18 07:32:11
【问题描述】：

我有一个 HTML 代码：

<div id="first"></div>

我希望使用 javascript (document.findElementById) 来更改 div 的行为，使其如下：

<div id="first" align="center"></div>

我该怎么做？

【问题讨论】：

标签： dom html

【解决方案1】：

document.getElementById("first").setAttribute("align", "center");

【讨论】：

【解决方案2】：

使用element.setAttribute^MDN

document.getElementById('first').setAttribute('align', 'center');

一种不那么过时的方法是style 边距：

document.getElementById('first').style.margin = '0 auto';

【讨论】：

【解决方案3】：

如果您已经有该元素的 align 属性，则此方法有效

document.getElementById("first").attributes['align'] = 'center';

如果您还没有该属性，请使用 setAttribute

document.getElementById('first').setAttribute('align', 'center');

【讨论】：

【解决方案4】：

document.getElementById('first').align = center

【讨论】：

【解决方案5】：

很遗憾，align 属性已被弃用，不应使用。

您可以通过设置样式margin 属性来居中特定宽度的DIV，如下所示：

document.getElementById('first').style.marginLeft = 'auto';
document.getElementById('first').style.marginRight = 'auto';

如果您准备修改align 属性，您可以这样做：

document.getElementById('first').align = 'center';

可以找到使 DIV 居中的其他方法（使用 CSS）here。

【讨论】：

哈，但是你能想出准确模拟align="center"行为的CSS吗？您链接到的页面几乎没有触及表面。
准确模仿align='center'的行为是什么意思？将边距设置为 auto 是执行此操作的标准方法之一。
没有。试试这个JSFiddle。如果你删除了align="center"，给 div margin:0 auto 是不足以让它表现得像以前一样！ text-align:center 或两者的组合都不是。
这就是为什么在我原来的帖子中我说“特定宽度的 DIV”。只要在 JSFiddle 中给 div 一个 CSS 宽度，它就可以工作。这是一个有据可查的现象（一种解决方法是here。）虽然很遗憾发生这种情况，而且很高兴它没有使用align='center' 技术，但我们仍然面临使用@987654336 的事实@ 已弃用。
嗯。使用固定宽度，我的 jsfiddle 在有和没有 align 属性的情况下仍然不能正常工作。我忽略了什么吗？也许我应该发布一个新问题。