0

这可能听起来很奇怪,但这样做:

<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: autoand的文章margin-right: auto,并且还将样式提取到了一个 css 文件中。这似乎对我不起作用。

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

4

1 回答 1

2

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

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

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

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

话虽这么说,在表格中扔块元素从来都不是一个好主意。表格通常保留用于 HTML 电子邮件和表格数据。大多数现代 Web 产品都是使用 CSS 使用 div/span 构建的。

于 2013-04-03T21:21:14.793 回答