多行文本垂直居中
单行文本居中方式:line-height
但是多行文本使用 line-height
的话会出错,就像下面的图
解决方案:
将文字用a标签包起来,
<li><a>呵呵呵</a></li>
li{ display:table; height:100px; }
li a{ display:table-cell; vertical-align:middle; }
不积跬步无以至千里
多行文本垂直居中
单行文本居中方式:line-height
但是多行文本使用 line-height
的话会出错,就像下面的图
解决方案:
将文字用a标签包起来,
<li><a>呵呵呵</a></li>
li{ display:table; height:100px; }
li a{ display:table-cell; vertical-align:middle; }
不积跬步无以至千里