2016-12-19
2016-12-21 本文已影响0人
TsingXu
多行文本垂直居中
![](https://img.haomeiwen.com/i2376873/f64ce849052c6245.png)
单行文本居中方式:line-height
但是多行文本使用 line-height
的话会出错,就像下面的图
![](https://img.haomeiwen.com/i2376873/ccad81c3a9aa5c68.png)
解决方案:
将文字用a标签包起来,
<li><a>呵呵呵</a></li>
li{ display:table; height:100px; }
li a{ display:table-cell; vertical-align:middle; }
不积跬步无以至千里