-
margin与可视尺寸
查看全部 -
margin重叠的意义
查看全部 -
老师说的真好查看全部
-
老师说的真好查看全部
-
图片居中显示：img{ display:block; width:200px;margin:0 auto;}重点:diaplay:block
文字居中显示：{width:50;margin-left:auto;margin-right:auto;}
要实现父容器下子容器水平居中，则
.father{height:200px;position:relative;}
.son{positive:absolute;top:0,right:0;bottom:0;left:0;width:50px;height:100px;margin:auto;} 重点margin:auto
查看全部 -
margin 用百分比时是相对于宽度计算的，与高度无关，即600*200中，高度和宽度都是600*百分比
查看全部 -
margin 适用于没有设定宽高的block元素 只适用于水平方向尺寸
查看全部 -
margin无效 表格相关的申明
查看全部 -
【垂直居中+文字垂直流】
.father{height:200px;width:400px;background:#f0f3f9;writing-mode:vertical-lr;}
.son{height:100px;width:200px;background: lightblue;margin: auto;}
【垂直+水平居中】
.mother{height:200px;width:400px;background:#f0f3f9;position: relative;}
.daughter{height:100px;width:200px;background: lightblue;position: absolute;top:0;bottom: 0;left:0;right:0;margin: auto;}
查看全部 -
margin重叠的计算规则
1、正正取大值
2、正负值相加
3、负负最负值
善用margin重叠
表单列表 .list{
margin-top:15px;
margin-bottom:15px;
}
更具有健壮性，最后一个元素移除或位置调换，均不会破坏原来的布局。
查看全部 -
空block元素margin重叠其他条件
查看全部 -
父子margin重叠其他条件
查看全部 -
margin重叠通常特性
1、block水平元素（img、按钮不发生重叠）
2、不考虑书写格式（如竖版文字），只发生垂直方向
————
margin重叠三种情境
1、相邻的兄弟元素
2、父级和第一个/最后一个子元素
3、空的block元素
查看全部 -
1、普通元素的百分比margin都是相对于容器的宽度计算的。
2、绝对定位元素的百分比margin是相对于第一个定位祖先元素（relative/ absolute /fixed）的宽度计算的。
3、宽高2：1自适应矩形： 子div设置margin：50%（子div加文字则便正方形）
查看全部 -
垂直居中
查看全部
举报