CSS中的字体垂直属性主要有两个,分别是line-height和vertical-align。p { font-size: 20px; line-height: 30px; /* 设置行高为30px
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是居中对齐的选项。
粉丝
0
关注
0
收藏
0