1、横向水平居中:text-align:center”;

2、垂直竖直居中:“margin:0 auto”;

3、单行文本垂直居中:style="height:120px; line-height:120px;";

技巧:让文字段落高度(line-height)和所在区域高度(height)设为一致即可。

4、多行文本垂直居中:style="padding:30px 0;";

技巧:让高度自适应(不要设置文本所在范围高度,同时进行上下填充控制,即设置padding属性)。

5、让文本在浏览器中垂直居中:style="position:absolute; top:50%; left:50%;";

技巧:“position:absolute”这一句是关键,配合“top:50%”一起使用就达到了对文本实现垂直居中控制的效果。



 

posted on 2011-08-22 15:02  玉和秀  阅读(376)  评论(0编辑  收藏  举报