如何使div对齐="；中心“；通过DOM？

我有一个HTML代码：

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

我希望使用javascript（document.findElementById）更改div的行为，使其如下所示：

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

我该怎么做呢？

使用

一种不太古老的方法是边缘：

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

---

如果您已经为该元素设置了align属性，则此操作有效

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

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

---

请参见

不幸的是，

align

属性已被弃用，不应使用

通过设置style

margin

属性，可以将特定宽度的div居中，如下所示：

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

如果设置了修改

align

属性，可以这样做：

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

---

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

例如Ha，但是您能想出准确模拟

align=“center”

行为的CSS吗？您链接到的页面几乎没有触及表面。准确模拟

align='center'

的行为是什么意思？将页边距设置为

auto

是执行此操作的标准方法之一。否。试试这个。如果删除

align=“center”

，则为div

margin:0 auto

指定值不足以使其像以前一样工作！无论是

text align:center

还是两者的结合。这就是为什么在我的原始帖子中我说“特定宽度的div”。只要在JSFIDLE中给div一个CSS宽度，它就会工作。这是一个有很好文档记录的现象（一个解决方法是）。虽然发生这种情况很遗憾，而且没有使用

align='center'

技术也很好，但我们仍然面临这样一个事实，即使用

align

是不推荐的。对于固定的宽度，我的JSFIDLE在使用和不使用align属性时仍然不起作用。我是不是忽略了什么？也许我应该发布一个新问题。

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

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

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

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