css设置行距的方法

这篇文章主要介绍css设置行距的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

css设置行距的方法:首先创建一个HTML示例文件,然后在身体中定义多行文字,最后利用“行高”属性设置行间距即可。

在网页的布局中几大段文字挤在一起总归是不好看的,这时候我们就需要来设置行间距来让文字看起来不拥挤,也让整个页面看起来美观整洁,那么,行间距该如何设置呢?本篇文章就来给大家介绍一下css行间距的设置方法。

首先我们应该知道在css中并没有直接可以设置行间距的属性,所以我们就需要借助行高行高来设置行间距,行高行高的值越大,那么行间距就越高。

行高的值设置为具体的数值,可以是相对数值,也可以设置为绝对数值,在静态页面中,文字大小固定时常常使用绝对数值,而对于论坛和博客这些用户可以自定义字体大小的页面,通常设置为相对数值,从而,可以随着用户自定义的字体大小改变相应的行间距。

下面我们就来看看css中利用行高行高来设置行间距的代码示例:

& lt; ! DOCTYPE  html> 　　& lt; html> 　　,,,& lt; head> 　　,,,,,,,& lt; meta  charset=癠TF-8"比; 　　,,,,,,,& lt; title> & lt;/title> 　　,,,,,,,& lt; style 类型=拔谋?css"比; 　　,,,,,,,,,,,span  { 　　,,,,,,,,,,,,,,,,字体大小:20 px; 　　,,,,,,,,,,,,,,,行高:,2 em; 　　,,,,,,,,,,,} 　　,,,,,,,& lt;/style> 　　,,,,,,,, 　　,,,& lt;/head> 　　,,,& lt; body> 　　,,,,,,,& lt; span> 　　桃之夭夭,灼灼其华。之子于归,宜其室家。你们;br> 　　桃之夭夭,有蕡其实。之子于归,宜其家室。你们;br> 　　桃之夭夭,其叶蓁蓁。之子于归,宜其家的人。 　　,,,,,,,& lt;/span>, 　　,,,& lt;/body> 　　& lt;/html>

css设置行间距的效果如下:

以上是“css设置行距的方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

css设置行距的方法