一、总结:

          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让文本在块级元素中居中显示总结

 

(每天的学习总结)

相关文章:

  • 2022-12-23
  • 2021-11-22
  • 2021-10-24
  • 2022-12-23
  • 2021-08-28
  • 2022-12-23
  • 2021-06-16
猜你喜欢
  • 2022-12-23
  • 2021-12-31
  • 2022-12-23
  • 2022-02-22
  • 2022-12-23
  • 2021-12-09
相关资源
相似解决方案