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

前端实战遇到问题

时间:2014-12-01 23:50:20      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:style   ar   sp   div   问题   bs   as   line   nbsp   

1、单行文本垂直居中的方法:将line-height设为和所在元素的高度一样。

例如,使文字在div中水平和垂直居中,假设你的DIV是高度100PX,宽度是1000PX,那你这样写,你的文字就会水平垂直居中:<div style="width:1000px; height:100px; text-align:center; line-height:100px; border:blue solid 1px;">水平垂直居中</div> 。  text-align:center意思就是说,让这个DIV里的文字水平居中,而line-height:100px;的意思是说,让DIV里面的每一行文字,占的高度为100PX(和那个DIV的高度一样),这样,文字就垂直居中了。

2、块级元素居中的方法:margin左右设为auto.

前端实战遇到问题

标签:style   ar   sp   div   问题   bs   as   line   nbsp   

原文地址:http://www.cnblogs.com/qingxinblog/p/4136180.html

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