水平对齐表格的CSS方法

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

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

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

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

回答：

从理论上讲，史蒂文是对的：

使用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>

以上是 水平对齐表格的CSS方法 的全部内容， 来源链接： utcz.com/qa/426276.html

回到顶部