• line-height和height的区别


    line-heigth是行高的意思,它决定了元素中文本内容的高度,height则是定义元素自身的高度。

    如:

    <p>测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本</p>
    • 1

    假如定义p标签的行高为line-heigth:20px; 文字在浏览器中显示为一行时,这个p标签的高度会为20px,如果为两行,则p标签的高度为40px;

    行高20px; 
    这里写图片描述

    行高变为40px; 
    这里写图片描述

    但是,我们定义p的样式为height:20px,那么这个元素的高度并不会因为内容的多少而改变,如果显示为2行,文字的总高度超出了,这个p标签的高也不会随着文本而改变。

    height:20px;折行后文本超出了元素 
    这里写图片描述 

  • 相关阅读:
    Java异常简介
    Java中的接口
    Java中的抽象类
    Java的多态
    关于this
    面向对象的继承方式详解
    1像素边框问题
    HTML5之本地存储SessionStorage
    js数组去重的4个方法
    前端模块化
  • 原文地址:https://www.cnblogs.com/cowboybusy/p/9096459.html
Copyright © 2020-2023  润新知