css line-height:150%和1.5的不同之处

来源:互联网 发布:2016淘宝自然搜索排名 编辑:程序博客网 时间:2024/06/05 06:10

 line-height:150%和1.5的不同之处对于元素本身的展示效果是没有区别的,只是被子级继承之后会表现有所不同,150%不被直接继承,而是和本身的font-size相乘之后的结果被子级继承为子级的行高,而line-height:1.5被继承之后是1.5乘以子级的font-size


<div style="border: 1px solid red;line-height:150%;font-size:12px;">
        <p style="font-size:32px;">
            ggggggggggggg676756
            <br>
            ggggggggggggg676756
        </p>
        fffffffff1233
        <br>
        fffffffff1233
    </div>
    <div style="border: 1px solid red;line-height:1.5;font-size:12px;">
        <p style="font-size:32px;">
            ggggggggggggg676756
            <br>
            ggggggggggggg676756
        </p>
        fffffffff1233
        <br>
        fffffffff1233
    </div>

1 0