今天在练习中发现有个很怪异的现象, 当line-height属性和font(连写)属性同时设置时, font(连写)属性放在line-height前才能使用.
<style>
p{
height: 50px;
line-height: 50px;
font: 12px "微软雅黑";
color: #242424;
border: 1px solid #000;
}
</style>
<body>
<p>font属性分开写没问题</p>
</body>
font属性连写设置在行高后 行高无效果
<style>
p{
font: 12px "微软雅黑";
height: 50px;
line-height: 50px;
color: #242424;
border: 1px solid #000;
}
</style>
<body>
<p>font属性分开写没问题</p>
</body>
font属性连写设置在行高前 行高可以正常显示
当line-height属性与font(分写)属性无冲突.
网友评论