目录
非 VIP 用户可前往公众号回复“css”进行免费阅读
line - height属性
字号与行高的取值约定
行高与盒子高度的关系
font、letter -属性 、text -属性
font属性
letter -属性
text - 属性
非 VIP 用户可前往公众号回复“css”进行免费阅读
line - height属性
字号与行高的取值约定
为确保字在行内严格居中,工程师们通常约定行高和字号采用偶数取值。这是由于当二者差值为偶数时,该差值能够被2整除,有助于精确控制文本的垂直对齐。
行高与盒子高度的关系
单行文本垂直居中:当行高等于盒子的高度时,可以实现单行文本在盒子内垂直居中。
示例代码如下:
css:
<style type="text/css">
*{
margin: 0;
padding: 0;
}
p{
width: 300px;
margin:10px;
height: 36px;
line-height: 36px;
font-size: 14px;
bor