CSS如何设置行间距

小编给大家分享一下CSS如何设置行间距,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

在九江等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都做网站、成都网站制作 网站设计制作定制网站,公司网站建设,企业网站建设,成都品牌网站建设,网络营销推广,成都外贸网站建设,九江网站建设费用合理。

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

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

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

span{

font-size:20px;

line-height:2em;

}

桃之夭夭,灼灼其华。之子于归,宜其室家。

桃之夭夭,有蕡其实。之子于归,宜其家室。

桃之夭夭,其叶蓁蓁。之子于归,宜其家人。



CSS如何设置行间距

以上是“CSS如何设置行间距”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


文章标题:CSS如何设置行间距
当前链接:http://scyanting.com/article/joijci.html