信息动态

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

技术资讯

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进行定义就行。 

延伸阅读

0532-85810878 473587358 扫码添加微信

扫码添加微信

扫码关注公众号

官方公众号

2054585360