CSS方式水平对齐表

Question

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

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

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

属性'align'被认为是过时的.建议使用较新的结构.

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

Answer 1

史蒂文在理论上是对的:

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

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

但是,在本回答的开头提到的文章为您提供了使表格居中的所有其他方法.

优雅的css跨浏览器解决方案:这适用于MSIE 6(Quirks和标准),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>

Answer 2

试试这个:

<table width="200" style="margin-left:auto;margin-right:auto">