CSS——line-height行高设置垂直居中
2016-03-30 16:17
591 查看
line-height呢,你可以理解为每行文字所占的高度。 比如说,有一行20px大小的文字,如果设置为line-height:50px,那就是说,这行文字的高度会占50px。 显然,每个字的大小只有20px,那怎么边呢?于是呢,浏览器就把多出来的30px(50px-20px)在这行文字的上面加上了15px,下面加上了15px。 这样的话,那文字就在这50px的空间内是居中的了(这个就是浏览器规定的,它就这个分配空间)。 这样的话,如果你的DIV是50px,那么巧了,正好这行文字也就相对于DIV居中了。 所以,这样一来呢,就有了“把line-height设置为容器div的高度就能使文字垂直居中”。
相关文章推荐
- <css 三>font
- 如何使用纯CSS3实现一个沙漏动画
- css3属性中background-clip与background-origin的用法释疑
- 礼拜三log~CSS控制文本不换行+省略号 & li宽度无效的解决方法 & 在js中获取后台变量
- 对于PC和mobile 水平垂直居中适配
- iphone按钮变形,删除iphone按钮样式
- 安卓文本样式-Spannable的使用
- css:float冷知识
- 关于安卓开发theme样式style中三个重要颜色colorPrimary、colorPrimaryDark、colorAccent
- CSS3 -webkit-filter 滤镜效果
- js中用cssText设置css样式
- Html+CSS input type=file 文件标签的美化
- css隐藏文字的小技巧
- css 样式
- css 样式
- css 样式
- CSS深入理解之relative
- 1.样式表的一些bug, 2.如何通过键盘事件插入spinbox,3.不改变系统编码的前提下,单独转换某一字体编码,4.多色彩颜色失败
- 【表格样式】——HTML制作表格大全
- CSS-border.