line-height让文本在块级元素中居中显示总结

一、总结：

          line-height不仅可以用在段落文本中控制行与行之间的间距，还可以用来控制文本在li这种块级元素中的位置。

          文本行间距的大小由字体的大小决定,行间距的大小的设置方法有5种方式：

        

       关于line-height的详细讲解可以参考沁园春的博客：深入了解css的行高Line Height属性

       用的最多的是采用纯数字，设置纯数字，我下面的行高的大小=2.5*16px=40px（字体大小，因为我没有设置字体的大小，所以默认为浏览器字体的大小为   16px）

     行间距=行高-字体大小=40px-16px=24px；

    文字上下的各半行间距为12px;

    所以文字可以在高度为40px的容器中居中显示（垂直居中，水平居中用text-align属性）

 

css代码：

 

（每天的学习总结）

转载于:https://www.cnblogs.com/yy95/p/5734668.html