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

时间:2023-03-09 06:31:45
line-height让文本在块级元素中居中显示总结

一、总结:

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

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

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

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

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

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

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

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

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

css代码:

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

(每天的学习总结)