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

2023-05-10,,

一、总结:

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

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

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

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

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

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

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

css代码:

(每天的学习总结)

line-height让文本在块级元素中居中显示总结的相关教程结束。

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

下载本文的Word格式文档,以方便收藏与打印。