table表格在div中的居中

2014-08-15 23:41:30

今天青岛网站建设中碰到一个table表格在div居中的问题，就是左右水平居中，研究了一下，用以下属性可以实现“table表格在div中的居中”：

margin-left:auto;

margin-right:auto;

也就是：

margin:0 auto;

如果在IE中没有居中的话，可以看看是否DTD声明没写上：

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

如果以上的办法还没实现青岛网站设计的表格在div中居中的话，可以用如下办法试试：

margin-left:50%;

left: -width/2;

这里的width不是CSS样式表中的宽度Width,而是你的DIV的宽度，例如你的div是400px宽，那么你就应该设置left:-200px。

以上两种方法基本可以解决大部分表格在div中剧中的问题。

如果发现还是不能兼容一些浏览器，可以采用第三种方法，这中方法主要是考虑IE，它是建立在第一种方法的基础之上，而且这个需要设置一下body属性。

body {text-align: center;}

这样在IE或者一些特殊的浏览器下也居中了，但是可能你的正文文字也居中了，这个问题可以再DIV定义中加上 text-align:left进行定义就行。

上一篇：DEDE内容页自动添加关键词链接

下一篇：404错误完美解决