码迷,mamicode.com
首页 > 其他好文 > 详细

DIV和Table的水平、垂直居中

时间:2014-11-10 13:58:56      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:style   io   color   ar   os   使用   sp   for   div   

一般图片的居中问题容易解决,我的解决方法是通过样式设置:
 background-image:url(path) //链接图片的路径
 background-repeat:repeat;  //设置图片是否是否水平、垂直延展。可用的参数有:repeat、repeat-X、repeat-Y和no-repeat。
 background-position:bottom center;这个就是设置图片的具体位置,第一个是水平,第二就是垂直方向的。还可以使用具体的像素(为当前容器里的绝对像素)。


文字的水平居中很容易设置
在CSS中使用Text-align:就可以了
Table还可以用align:


DIV的垂直居中:首先获取当前DIV的高度h,然后设置line-height:h; vertical-align:middle.这样文字就可以垂直居中显示。
Table好象对上述设置不支持,所以直接在Table标记里添加一属性:valign:middle。同时还要设置padding-top一值,我见网上有说设置padding-top :2px就可以了,我在项目中也是这个像素。但我不知道这个像素值是否跟当前的tr高度有关。

DIV和Table的水平、垂直居中

标签:style   io   color   ar   os   使用   sp   for   div   

原文地址:http://my.oschina.net/guomingliang/blog/342651

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!