CSS行高（line-height）及文本垂直居中原理
2017-09-19 10:20
274 查看
在CSS中，line-height 属性设置两段段文本之间的距离，也就是行高，如果我们把一段文本的line-height设置为父容器的高度就可以实现文本垂直居中了，比如下面的例子：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- line-height ~ text-align 文本居中与垂直居中 | div水平垂直居中
- CSS行高——line-height 文本的垂直居中(display:block;情况下)
- 文本框Input Text文本垂直居中（line-height）
- line-height多行文本垂直居中
- input框的placeholder使用line-height在Safari上不垂直居中的问题
- CSS line-height行高上下居中垂直居中样式属性
- 设置文字在div中垂直居中，使用line-height
- lineheight使图片多行文字垂直居中
- line-height,text-align设置文字水平垂直居中
- 设置文字在div中垂直居中，使用line-height
- 使用css属性line-height实现文字垂直居中的问题
- IE9不支持CSS line-height的文字垂直居中解决方法
- 实现icon和文字垂直居中的两种方法－（vertical-align and line-height）
- [ CSS ] line-height 与垂直居中!
- line-height功能是垂直居中，center 功能是水平居中
- line-height使文本居中的3像素bug问题
- IE7,IE8,IE9 字体不能垂直居中， line-height 不起作用的解决方法
- input框的placeholder使用line-height在Safari上不垂直居中的问题
- 实现icon和文字垂直居中的两种方法－（vertical-align and line-height）
- 垂直居中问题不只有 line-height 可以解决，还有一个哥们叫 margin-top