![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
布局
文章平均质量分 88
菽粟吃栗子
这个作者很懒,什么都没留下…
展开
-
布局篇(一)各类元素居中显示
情况一:文字居中用到属性:text-align和line-heightHTML Link CSS .div1{ width:800px; height: 200px; background-color: cornflowerblue; text-align: center; line-height: 20原创 2015-08-03 23:00:06 · 471 阅读 · 0 评论 -
box-sizing
先来看一个场景:想让div1与div2并排放入最外面的盒模型中且两个div均占50%的宽度。如果只给两个width设置50%则会出现如下情况:这是为什么呢?假设最外面的盒模型width:400px,由于添加了border属性,此时div1和div2的宽度在原来50px基础上加上了两倍的border宽,div1+div2的width=400px+4*border > 40原创 2015-11-15 17:04:18 · 501 阅读 · 0 评论 -
由父子元素margin说开——外边距塌陷(margin-collapse)
布局时往往要遇到div嵌套显示效果,如下:假设蓝色的为div1,黄色的为div2,为了实现上图所示布局,我的想法是为demo1设置margin:0px auto; demo2位置margin:30px,auto;代码如下: body{ background-color: darkgray; } *{ margin:0px;原创 2015-08-03 14:36:19 · 7899 阅读 · 1 评论