line-height行高-css line-height属性控制行与行之间的间距

分类:知识百科 日期: 点击:0

CSS line-height属性是用来控制行与行之间的间距,是文字排版中最基本的一个属性。当使用line-height属性时,需要设置一个数值,它将会影响文本行之间的间距,从而影响文本的整体外观。

使用方法

  • 使用绝对值
  • 使用相对值
  • 使用百分比

使用绝对值

使用绝对值时,可以使用单位,如px、pt、em等,或者不加单位,直接使用数值,例如:

p {
    line-height: 1.2;
    line-height: 12px;
    line-height: 1.2em;
}

使用相对值

使用相对值时,可以使用单位,如px、pt、em等,或者不加单位,直接使用数值,例如:

p {
    line-height: normal;
    line-height: 1.2;
    line-height: 12px;
    line-height: 1.2em;
}

使用百分比

使用百分比时,可以使用单位,如px、pt、em等,或者不加单位,直接使用数值,例如:

p {
    line-height: 120%;
    line-height: 1.2;
    line-height: 12px;
    line-height: 1.2em;
}

使用CSS line-height属性可以控制文本行之间的间距,从而影响文本的整体外观,其使用方法有三种,分别是使用绝对值、使用相对值和使用百分比。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。