潍坊营销型网站,网站建设的域名续费,ppt软件手机版免费下载,千图主站的功能介绍行高#xff08;line height#xff09; —文字占有的实际高度 —使用line-height来设置行高
行高类似于我们上学单线本#xff0c;单线本是一行一行#xff0c;线与线之间的距离就是行高#xff0c;控制文字行与行之间的距离#xff0c; 网页中的文字实际上也是写在一个…行高line height —文字占有的实际高度 —使用line-height来设置行高
行高类似于我们上学单线本单线本是一行一行线与线之间的距离就是行高控制文字行与行之间的距离 网页中的文字实际上也是写在一个看不见的线中的而文字会默认在行高中垂直居中显示 — line-height可接收的值
1.直接就写一个大小eg22px
2.可以指定一个百分数则会相对于字体去计算行高eg30%
3.可以直接传一个数值则行高会设置字体大小相应的倍数eg2 — 行高经常还用来设置文字的行间距
行高上间距文字高度下间剧
行间距 行高 - 字体大小
字体框
字体框是字体纯在的格子设置font-size实际上就是在设置字体框的高度
总结
行高会在字体框的上下平均分配
对于单行文本来说可以将行高设置为和父元素的高度一致 这样可以是单行文本在父元素中垂直居中
!DOCTYPE html
htmlheadmeta charsetUTF-8 /title/titlestyle typetext/css.p1 {font-size: 20px;height: 100px;/* line-height: 100px; */border: 1px solid red;/* line-height: 200%; */line-height: 2;/* 默认行高 *//* line-height: 1.333; */}.box {width: 200px;height: 100px;background-color: #bfa;line-height: 100px;}.p2 {/** 在font中也可以指定行高* 在字体大小后可以添加/行高来指定行高该值是可选的如果不指定则会使用默认值*/font: 30px/50px 微软雅黑;border: 1px solid red;/* line-height: 50px; */}/style/headbodyp classp2在我的后园可以看见墙外有两株树一株是枣树/pdiv classboxa href#我是一个超链接/a/divp classp1一株是枣树还有一株也是枣树。 一株是枣树还有一株也是枣树。 一株是枣树还有一株也是枣树。 一株是枣树还有一株也是枣树。 一株是枣树还有一株也是枣树。/p/body
/html
