![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
盒模型
_处女座程序员的日常
做正确的事,然后把事情做正确。理性对待一切!
展开
-
关于line-height行高的取值
行高的取值有:1.px,像素值;2.数字;3.em;4.百分比这里关键说明一下父元素设置为’rem’和’数字’的对后代元素的影响 <style> .container { /* 行高为字体大小的两倍 */ /* 先计算像素值,子元素再继承 */ line-height: 2em; } .p1{ font-size: 40px;原创 2022-02-26 10:56:46 · 754 阅读 · 0 评论 -
line-height等于height为什么不居中
注意:height一定是内容盒的高度,即在box-sizing:content-box的情况下,若为border-box时,此时的height为整个盒子的高度,需要减去padding,border、margin的尺寸才为真实的内容盒的height。如一个盒子box-sizing:border-box,border:10px,height:40px,这时内容盒的高度应该为420px,line-height设置为20px就可实现上下居中。...原创 2022-01-26 12:02:25 · 1644 阅读 · 0 评论 -
css盒模型
所有HTML元素可以看作盒子。css盒模型分为标准盒模型和怪异(IE)盒模型box-sizing(有 3 个值):border-box,padding-box,content-box.标准盒模型如下图,注box-sizing:content-box;表示标准的盒子模型。IE盒模型: 注:border-box 表示的是 IE 盒模型从图中我们也可以看出,主要区别是width的范围:标准盒模型中width就是content的值而IE盒模型中width是左右border+左右padding+co原创 2021-08-20 22:01:43 · 98 阅读 · 0 评论