100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > html如何设置词语距离 css文本间距怎么调?

html如何设置词语距离 css文本间距怎么调?

时间:2021-08-21 11:28:50

相关推荐

html如何设置词语距离 css文本间距怎么调?

文本间距怎么调?换个说法就是问:行间距怎么调?在CSS中可以使用line-height属性来调整行间距。下面本篇文章就来给大家介绍一下,希望对大家有所帮助。

其实,在css中并没有直接可以设置行间距的属性,所以我们就需要借助行高line-height来控制行间距,行高line-height的值越大,那么文本间距就越高。

Line-height的值设置为具体的数值,可以是相对数值,也可以设置为绝对数值,在静态页面中,文字大小固定时常常使用绝对数值,行间距通常设置为相对数值,从而,可以随着用户自定义的字体大小改变相应的行间距。

示例:

.f1 {

line-height: 30px;

}

.f2 {

line-height: 50px;

}

这是一个标准行高的段落。

这是一个标准行高的段落。

大多数浏览器的默认行高约为110%至120%。

设置30px的文本间距。

设置30px的文本间距。

设置30px的文本间距。

设置30px的文本间距。

设置50px的文本间距。

设置50px的文本间距。

设置50px的文本间距。

设置50px的文本间距。

效果图:

line-height 属性说明:

line-height属性用于设置行使用的空间量,即行间的距离(行高)。

注释:不允许使用负值。

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

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

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。