html两行字的上下间隔,css字体上下间距怎么调?

css指的是层叠样式表(Cascading Style Sheets),它是一种用来表现HTML或XML等文件样式的计算机语言,是用来表示html样式的一种编程语言,是可以做到网页和内容进行分离的一种样式语言。

5dc926005bb76494.jpg

CSS主要用来设计网页的样式,美化网页;它不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

那么css字体上下间距怎么调?

css字体上下间距,即控制两行文字垂直距离的。在CSS中,可以使用line-height属性来控制行与行之间垂直距离。

line-height属性可用于设置行间的距离(行高),不允许使用负值。

可能的值normal:默认。设置合理的行间距。

number:设置数字,此数字会与当前的字体尺寸相乘来设置行间距。

length:设置固定的行间距。

%:基于当前字体尺寸的百分比行间距。

说明

该属性会影响行框的布局。在应用到一个块级元素时,它定义了该元素中基线之间的最小距离而不是最大距离。

line-height 与 font-size 的计算值之差(在 CSS 中成为“行间距”)分为两半,分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。

示例:

p.small {

line-height: 90%

}

p.big {

line-height: 200%

}

这是拥有标准行高的段落。 在大多数浏览器中默认行高大约是 110% 到 120%。

这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。

这是拥有标准行高的段落。 这是拥有标准行高的段落。

这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。

这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。

这个段落拥有更小的行高。

这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。

这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。

这个段落拥有更大的行高。

效果图:

711bea989ecf889c480e002f58dc1754.png

更多前端开发知识,请查阅 HTML中文网 !!

  • 5
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值