css怎么设置⾏距?
在⽹页的布局中⼏⼤段⽂字挤在⼀起总归是不好看的,这时候我们就需要来设置⾏间距来让⽂字看起来不拥挤,也让整个页⾯看起来美观整洁,那么,⾏间距该如何设置呢?本篇⽂章就来给⼤家介绍⼀下css⾏间距的设置⽅法。
html ⾏间距的设置⽅法与问题
设定⼀段⽂字内的⾏距:
<p>
但我们怎么设定两段⽂字之间的⾏距呢? 即
< p >⼀段⽂字</ p >
< p >第⼆段⽂字</ p >
之间的⾏距怎么设定呢?我可以设成单倍间距吗?
另外,line-height:100%是不是就是我们在Word中的单倍⾏距
段与段距:
< p style = "margin:20px" >⼀段⽂字</ p >
< p style = "margin:20px" >第⼆段⽂字</ p >
也可以这样写
<font>⽂字内容</font>
如果设置为1就是单倍⾏距了,2就是双倍⾏距。
<font>⽂字内容</font>
设置为100%就是单倍⾏距。
⽤<br></br>就可以空⼀⾏了
好看的css代码line-height 属性
line-height 属性设置⾏间的距离(⾏⾼)。
注释:不允许使⽤负值。
说明
该属性会影响⾏框的布局。在应⽤到⼀个块级元素时,它定义了该元素中基线之间的最⼩距离⽽不是最⼤距离。
line-height 与 font-size 的计算值之差(在 css 中成为“⾏间距”)分为两半,分别加到⼀个⽂本⾏内容的顶部和底部。可以包含这些内容的最⼩框就是⾏框。
原始数字值指定了⼀个缩放因⼦,后代元素会继承这个缩放因⼦⽽不是计算值。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。