一尘不染

水平对齐表格的CSS方法

css

我想在浏览器窗口的中心显示一个固定宽度的表。现在我用

<table width="200" align="center">

但是Visual Studio 2008在此行发出警告:

属性“ align”被认为已过时。 建议使用较新的构造。

我应将哪种CSS样式应用于表格以获得相同的布局?


阅读 677

收藏
2020-05-16

共1个答案

一尘不染

从理论上讲,史蒂文是对的:

使用CSS将表格居中的“正确”方法。如果左右边距相等,则符合标准的浏览器应将表格居中。实现此目的的最简单方法是将左右边距设置为“自动”。因此,可以在样式表中编写:

table
{ 
    margin-left: auto;
    margin-right: auto;
}

但是,此答案开头提到的文章为您提供了其他所有方法来使表格居中。

优雅的CSS跨浏览器解决方案:无需设置任何显式宽度,即可在MSIE6(Quirks和Standards),Mozilla,Opera甚至Netscape 4.x中使用:

div.centered 
{
    text-align: center;
}

div.centered table 
{
    margin: 0 auto; 
    text-align: left;
}


<div class="centered">
    <table>
    …
    </table>
</div>
2020-05-16