码迷,mamicode.com
首页 > Web开发 > 详细

css总结6:行高和字体大小的关系

时间:2018-03-19 00:33:35      阅读:1564      评论:0      收藏:0      [点我收藏+]

标签:log   大小   height   bubuko   lin   info   class   SM   垂直居中   

1 CSS line-height 属性

代码:

p.small {line-height:70%}
p.big {line-height:200%}

运行后:70%与200%宽高

 技术分享图片

 技术分享图片

 

2 CSS font-size 属性

h1 {font-size:250%;}
h2 {font-size:200%;}
p {font-size:100%;}

技术分享图片

 

两者特点:

1 一行文字行高和父元素高度一致的时候,垂直居中显示

2 行高:文字高度+上下边距

技术分享图片

 

 

 

 

 

 

 

css总结6:行高和字体大小的关系

标签:log   大小   height   bubuko   lin   info   class   SM   垂直居中   

原文地址:https://www.cnblogs.com/autoXingJY/p/8598311.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!