相当于CSS中的<center>标签？

Question

我读到该<center>标签已被弃用,但我在CSS中找不到任何真正的标签.text-align适用于文本但不适用于其他元素,自动边距仅在您知道容器的宽度时才起作用(如果您事先不知道宽度,则不是解决方案).那么这个<center>标签有没有真正的等价物？

Answer 1

text-align应该适用于其他类型的元素.这有用吗？

.center { margin: auto; text-align: center; }

三年后编辑:-D

"保证金:汽车;" 也使顶部和底部边距"自动".那可能不是你想要的.或者你也可以这样:

.center { margin-left: auto;
          margin-right: auto;
          margin-top: 3px;
          margin-bottom: 3px;
          text-align: center; }

此特定示例将水平居中文本,同时将上边距和下边距硬连线至3个像素.

人们还可以说"margin:3px auto 3px auto"; 但我更喜欢明确地说明方向,因为我永远不会完全记住参数的顺序,如果我把它们全部放在一个"margin:"设置上.

Answer 2

它们是有区别的

    <center>
      <span> works </span>
    </center>

    <span style="margin: auto; text-align: center;"> And this is broken</span>

    <div style="margin: auto; text-align: center;"> but this works works</div>