表格文本对齐样式替代对齐属性

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:centre将其居中。您可以将其设置为display: inline-block;或给它一个固定的宽度，然后使用margin: 0 auto;

Answer 2

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

边距：0自动

在您的div上，将其居中。文本对齐只适用于内联元素，因此如果您的div没有设置为"display:inline"(或内联块)，它将不会居中。

Answer 3

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

td
{
text-align: center !important;
}

要使div元素居中对齐，必须使用margin:0 auto和指定的一些width。