zoukankan      html  css  js  c++  java
  • 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;折行后文本超出了元素 
    这里写图片描述 

  • 相关阅读:
    记一次主从同步出现错误
    Mycat的学习
    MHA高可用集群
    MySQL进行 行累计
    设定从某个时间执行脚本,直到现在
    跟踪数据
    爬虫笔记
    爬虫练习
    css3-文本阴影
    vue生命周期
  • 原文地址:https://www.cnblogs.com/cowboybusy/p/9096459.html
Copyright © 2011-2022 走看看