html⽂本页⾯间距,css⽂本间距怎么调?
⽂本间距怎么调?换个说法就是问:⾏间距怎么调?在CSS中可以使⽤line-height属性来调整⾏间距。下⾯本篇⽂章就来给⼤家介绍⼀下,希望对⼤家有所帮助。
其实,在css中并没有直接可以设置⾏间距的属性,所以我们就需要借助⾏⾼line-height来控制⾏间距,⾏⾼line-height的值越⼤,那么⽂本间距就越⾼。
Line-height的值设置为具体的数值,可以是相对数值,也可以设置为绝对数值,在静态页⾯中,⽂字⼤⼩固定时常常使⽤绝对数值,⾏间距通常设置为相对数值,从⽽,可以随着⽤户⾃定义的字体⼤⼩改变相应的⾏间距。
⽰例:
.f1 {
line-height: 30px;
}
.f2 {
line-height: 50px;
}
这是⼀个标准⾏⾼的段落。
这是⼀个标准⾏⾼的段落。
⼤多数浏览器的默认⾏⾼约为110%⾄120%。
设置30px的⽂本间距。
设置30px的⽂本间距。
设置30px的⽂本间距。
设置30px的⽂本间距。
设置50px的⽂本间距。
css怎么创建设置50px的⽂本间距。
设置50px的⽂本间距。
设置50px的⽂本间距。
效果图:
line-height 属性说明:
line-height属性⽤于设置⾏使⽤的空间量,即⾏间的距离(⾏⾼)。
注释:不允许使⽤负值。
该属性会影响⾏框的布局。在应⽤到⼀个块级元素时,它定义了该元素中基线之间的最⼩距离⽽不是最⼤距离。
line-height 与 font-size 的计算值之差(在 CSS 中成为“⾏间距”)分为两半,分别加到⼀个⽂本⾏内容的顶部和底部。可以包含这些内容的最⼩框就是⾏框。
更多前端开发知识,请查阅 HTML中⽂⽹ !!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论