首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >水平对齐表格的CSS方式

水平对齐表格的CSS方式
EN

Stack Overflow用户
提问于 2008-11-19 06:17:47
回答 9查看 275.5K关注 0票数 101

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

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

但Visual Studio 2008在这一行给出了警告:

属性'align‘被认为是过时的。建议使用较新的构造。

我应该对表格应用什么CSS样式才能获得相同的布局?

EN

回答 9

Stack Overflow用户

发布于 2008-11-19 06:27:05

试试这个:

<table width="200" style="margin-left:auto;margin-right:auto">
票数 19
EN

Stack Overflow用户

发布于 2008-11-19 21:05:23

很简单。如果页面以“标准”模式呈现,IE6及更高版本将很高兴地将表格居中显示为"margin: 0 auto;“。要实现这一点,您需要一个有效的doctype声明,例如

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

诚然,IE5.5和更低版本仍然会拒绝表格居中,但也许你可以接受这一点,特别是如果页面仍然有效,表格左对齐。我认为到目前为止,IE5.5及更低版本的用户已经习惯了一些看起来奇怪的网站--但你仍然需要确保这些视觉故障不会让你的网站变得不可用。

祝你编码愉快!

编辑:对不起,我也许应该指出,你不需要有一个“严格的”文档类型来获得IE6并进入“标准”渲染模式。我意识到,从我上面发布的doctype示例中,可能看起来是这样的。例如,这个doctype声明当然会以同样的方式工作:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
票数 2
EN

Stack Overflow用户

发布于 2015-11-23 03:57:47

尽管在今天的世界中它可能是异端的--在过去,你会做以下非css代码。这适用于所有浏览器,包括今天的浏览器,但正如我所说的,它在当今世界是异端:

<center>
<table>
   ...
</table>
</center>

您需要的是某种方式来告诉您想要将一张桌子居中,并且此人正在使用较旧的浏览器。然后在表格周围插入"“命令。否则-使用css。

令人惊讶的是--如果你想把所有东西都放在身体区域的中心--你可以使用标准的

text-align: center;

css命令,在IE8中(至少),它会将页面上的所有内容居中,包括表格。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/301147

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档