前端工程师实战16：详解字体垂直对齐、字体居中对齐、字体行间距（行高）、文字省略号处理

大家好，全套HTML和CSS入门与实战课程正在我的专栏《HTML与CSS入门与进阶》更新中！按知识点循序渐进，按照顺序读下来绝对比搜索网上教程更加紧凑！内容通俗易懂，图文并茂，欢迎订阅！

字体简写属性

行高line-height

行高：行之间的高度（line--height）指的是文字占有的实际高度。

此时div的高度就是文字的行高，

就是边框里面的高度就是行高，如果设置了line-height:200px：

行高除了可以设置大小（px，em，rem。。）还可以是一个整数，行高将会是字体的倍数。

比如line-height:2此时字体大小是50px，行高就是100px

行宽

就是字体框，字体存在的格子，设置font-size实际上就是设置字体框的高度

行高会在字体框的上下平均分配，比如行高100，字体框是50，那么就会在字体的上面分配25，下面分配25，让字体的中间。

所以行高可以用来使文字垂直居中：

<