当前位置:  开发笔记 > 前端 > 正文

CSS方式水平对齐表

如何解决《CSS方式水平对齐表》经验,为你挑选了2个好方法。

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

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

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

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



1> VonC..:

史蒂文在理论上是对的:

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




2> jalbert..:

试试这个:

推荐阅读
可爱的天使keven_464
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有