介绍
今天就跟大家聊聊有关怎么在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中设置行距有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。