最近在做项目时,遇到了如下样式需求:
即实现多行文本垂直居中。
分析:文本垂直居中分为两种,即单行文本和多行文本。
-
单行文本垂直居中
方法简单:line-height(=父元素高度即可)
多行文本垂直居中
-
父元素高度不固定
使用padding样式解决(即使上下padding相等)
- 父元素高度固定,假设dom结构如下所示
解决方法:
本文共 166 字,大约阅读时间需要 1 分钟。
最近在做项目时,遇到了如下样式需求:
即实现多行文本垂直居中。
分析:文本垂直居中分为两种,即单行文本和多行文本。
单行文本垂直居中
方法简单:line-height(=父元素高度即可)
多行文本垂直居中
父元素高度不固定
使用padding样式解决(即使上下padding相等)
解决方法:
转载地址:http://swhlx.baihongyu.com/