主要内容:
1.行高是什么?
2.行高的作用
1.行高是什么?
行高:
线与线之间的距离就是行高,网页中的文字实际上也是写在一个看不见的线中,文字会默认在行高中垂直居中显示
行间距:
Css中没有提供一个直接设置行间距的方式,只能通过设置行高,间接设置行间距,行高越大,间距越大
使用line-height来设置行高
主要代码如下:
.p1{
line-height:40px;
}
行间距=行高-字体大小
简单总结:
通过设置line-height可以间接的设置行高,可以接收的值:
1.直接就收一个大小
2.指定一个百分数,则会相对于字体去计算行高
3.可以直接传一个数值,行高则会设置字体大小相应的倍数
2.行高的作用:
行高的作用:
单行文本:可以将行高设置为和父元素的高度一致,这样单行文本在父元素中就是垂直居中
在font中也可以指定行高
主要代码如下:
.p2{
font:50px/60px "微软雅黑";
}
简单总结:
在字体大小后面添加/行高,来指定行高,该值是可选的,如果不指定则会使用默认值