表格text-align样式覆盖align属性

Question

我得到了下表，它应该以我的DIV为中心：

<table width="100%" height="100%">
  <tr>
    <td align="center" valign="middle">
      <div id="someCenteredDiv"></div>
    </td>
  </tr>
</table>

但问题是有一个全局样式表定义：

td {
  vertical-align: top;
  text-align: left; }

似乎样式表会覆盖align和valign属性。当我尝试用

覆盖样式时

text-align: center;

它根本不会改变任何东西。

Answer 1

div是一个块元素，因此无法使用text-align：center进行居中。您可以将其设置为display: inline-block;或给它一个固定的宽度，然后使用margin: 0 auto;

Answer 2

如果您的div有固定宽度，您可以使用：

保证金：0自动;

在你的div上，以它为中心。 Text-align仅适用于内联元素，因此如果div未设置为'display：inline'（或inline-block），则不会居中。

Answer 3

对于你可以使用的风格！重要如下

td
{
text-align: center !important;
}

要对div元素进行居中对齐，您必须使用margin:0 auto以及分配的width。