您的位置:首页 > 运维架构

外边距margin-top right bottom left 设置方法 如果margin只设置两个值

2017-04-17 19:56 513 查看
1.如果margin设置给了四个值,按照值的顺序为margin:top right bottom left 上 右 下 左四个外边距。

2.如果margin只有三个值,按照值的顺序为margin:top right bottom; 缺少了left,根据原则,则left的值由right来替代。

    margin:10px 20px 30px; 等价于margin:10px 20px 30px 20px;

3.如果margin只有两个值,按照值的顺序为margin:top right; 缺少了bottom和left,根据原则 left 的值由 right 来替代,bottm的值由top来替代。

   margin:10px 20px; 等价于margin:10px 20px 10px 20px;

4.如果margin只有一个值,按照值的顺序为margin:top; 缺少了right、bottom和 left,根据原则 bottom的值由top来替代,right 的值右 top 来替代,left的值由right来替代也就是说left  的值也由top来替代。

   margin:20px;  等价于margin:20px 20px 20px 20px;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐