好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS实现垂直对齐的4种思路_html/css_WEB-ITnose

× 目录 [1]line-height [2]vertical-align [3]absolute [4]flex

前面的话

  相对于水平居中,人们对于垂直居中略显为难,大部分原因是vertical-align不能正确使用。实际上,实现垂直居中也是围绕几个思路展开的。本文将介绍关于垂直居中的4种思路

思路一: 行高line-height实现单行文本垂直居中

  行内流传着一种说法,单行文本垂直居中要将高度和行高设置成相同的值,但高度其实没必要设置。实际上,文本本身就在一行中居中显示。在不设置高度的情况下,行高撑开高度

 .test{    line-height: 50px;    background-color: lightblue;}      

测试文字

查看更多关于CSS实现垂直对齐的4种思路_html/css_WEB-ITnose的详细内容...

  阅读:35次