首页 > 其他 > 详细

DIV和Table的水平、垂直居中

时间:2014-11-10 13:57:01      阅读:280      评论:0      收藏:0      [点我收藏+]

一般图片的居中问题容易解决,我的解决方法是通过样式设置:
 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的水平、垂直居中

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!