加拿大预测网-在线预测

信息动态

网站设计是技术与创意的完美融合!

技术资讯

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" "//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进行定义就行。 
0532-85810878 473587358 扫码添加微信

加拿大预测网-在线预测:扫码添加微信

 扫码关注公众号

加拿大预测网-在线预测:官方公众号

 2054585360