Question

这可能听起来很奇怪，但这样做：

<table id="MyTableID">
     <tr>
         <td align="center">
                <div id="1">
                   Content
               </div>
        </td>
     </tr>
 </table>

将“内容”与中心对齐，但是：

<table id="MyTableID">
     <tr>
         <td style="text-align: center;">
                <div id="1">
                   Content
               </div>
        </td>
     </tr>
 </table>

将其与左侧对齐。

我阅读了很多关于使用margin-left: auto和margin-right: auto的帖子，并将样式提取到css文件中。这似乎没有什么对我有用。

有谁知道为什么？我究竟做错了什么？我正在使用Firefox 19。

Answer 1

我认为这里的误解是在使用传统的html对齐时，你在父元素中声明了对齐的样式。

<td align="center">
    <!-- Centered stuff in here -->
</td>

不应使用text-align来对齐块级元素。此外，在使用块元素时，您通常希望将该样式应用于该特定节点，然后使用边距对齐。

<td>
    <div style="width:100px;margin:0 auto"></div>
</td>

据说在表格中抛出块元素从来都不是一个好主意。表通常保留用于HTML电子邮件和表格数据。大多数现代网络产品都使用CSS构建div / span。

使用CSS对齐表中的元素

1 个答案: