[分享]css中字体垂直的属性

CSS中的字体垂直属性主要有两个，分别是line-height和vertical-align。

p {
  font-size: 20px;
  line-height: 30px; /* 设置行高为30px */
  vertical-align: middle; /* 竖直居中 */
} 

line-height属性可以设置每一行的高度，而不是字符的高度。例如，如果一个行高为30px的p标签中有两行字体，那么第一行的字符底部会在15px处，第二行的字符顶部会在30px的位置。通过设置line-height属性，我们可以控制每一行的高度，从而达到精确的垂直对齐效果。

vertical-align属性可以将字符垂直居中对齐。通常情况下，该属性常被用于图片等非文字元素居中对齐，但是该属性同样适用于字符的垂直对齐。vertical-align属性可以设置的值有top、middle、bottom、text-top、text-bottom等。其中，middle是居中对齐的选项。