700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html中一段文字行间距设置 CSS如何设置文字行间距?

html中一段文字行间距设置 CSS如何设置文字行间距?

时间:2020-07-04 17:22:48

相关推荐

html中一段文字行间距设置 CSS如何设置文字行间距?

CSS如何调节设置每行文字字体间距(行距),使得每行的文字一定的间距距离?下面本篇文章就来给大家介绍使用CSS设置文字行间距的方法,希望对大家有所帮助。

要想使得每行的文字一定的间距距离可以通过CSS的line-height属性来实现。line-height属性用于设置行使用的空间量,即行间的距离(行高);不允许使用负值。

语法:line-height: normal|number|length|%;

属性值:

●normal:默认值,设置合理的行间距。

●number:设置无单位数字,此数字会与当前的font-size相乘来设置行间距。

●length:设置固定的行间距。

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

示例:

.small {

line-height: 70%;

}

.big {

line-height: 200%;

}

.length {

line-height: 50px;

}

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

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

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

这是一个更小行高的段落。

这是一个更小行高的段落。

这是一个更小行高的段落。

这是一个更小行高的段落。

这是一个更大行高的段落。

这是一个更大行高的段落。

这是一个更大行高的段落。

这是一个更大行高的段落。

这是一个固定行高的段落。

这是一个固定行高的段落。

这是一个固定行高的段落。

这是一个固定行高的段落。

效果图:

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