【CSS3】-webkit-margin-before与margin-top

p{-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

before、after、start、end是用在对文本的。比如说，中文和英文是从左到右，从上到下阅读的，那么，before = top， start = left，end = right，after = bottom。这叫做“writing-mode”，简单来说就是书写方式。但是，日文的书写方式就不一样了，他们是从上至下，从右到左书写的。那么在这种write-mode下，before = right， start = top，end = bottom，after = left。所以上述代码相当于：

p {margin-top: 1em;margin-bottom: 1em;margin-right: 0px;margin-left: 0px;
}

margin-before的用意就是，不论是哪种writing-mode，我们都可以设定“开始那边的边距”这样的内容，而不需要为了适应不同的writing-mode写几种margin。

总之来说，使用-webkit-margin-before或者是margin-top，都是为了更好的兼容

转载于:https://www.cnblogs.com/Horsonce/p/7753644.html

【CSS3】-webkit-margin-before与margin-top相关推荐

解决margin塌陷的问题_解决margin塌陷与margin合并（margin）清除浮动问题
**1.margin塌陷** 问题:垂直方向的父子关系的盒子使用不当会产生margin塌陷.给子级设置margin-top时,他不会相对父级一起动,只有他的margin超过父级的margin时,才会生 ...
CSS中：margin和padding的区别 margin:auto与margin: 0 auto区别
css中padding和margin的区别 margin 外边距 border 边框 padding 内边距 padding-left:10px; 左内边距.padding-right:10px; 右 ...
“extensive margin” 和 “intensive margin”
广延边际是讲在某一价格下,消费者购买或是不购买,体现了ex-:集约边际是讲,在一组价格下,购买多少的问题,体现了in-.比如,毒品的市场需求就是一个广延边际的问题(某一价格下吸不吸的选择):而对于吸毒 ...
关于margin: auto及margin: 0 auto的一些见解
在写css时margin:auto;使用频率非常高,常用于div的居中. 何为margin? margin是指块级元素的外边距,如下图所示,XXXXX是div中的内容,通过设置margin的值,可控制 ...
margin:auto 和margin:0 auto的区别
1.意思不同.margin:auto=margin:auto auto auto auto,表示上下左右都为auto:margin:0 auto=margin:0 auto 0 auto,表示上下为0 ...
css margin属性,css margin属性怎么用？css margin属性用法教程
在css中,有一个重要的属性margin,很多人都不知道css margin属性是什么?怎么用,下面为您总结一下css margin属性用法教程. margin是css用于在一个声明中,对所有css ...
margin塌陷与margin合并、浮动流
一.margin 塌陷父子嵌套元素,垂直方向的margin,父子会粘合在一起,取最大的值.子级不能根据父级定位,好像父级没有棚. 解决方案,触发bfc(block format context),使 ...
外边距设置居中HTML,margin水平居中关于margin的居中问题
margin 水平居中 CSS #sm { margin-left: auto; margin-right: auto;} #sm ul,#sm li { float首先新建一个HTML文件,命名为t ...
css【详解】—— margin属性（含margin合并，margin：auto，margin失效）
目录 margin合并的场景 1. 相邻兄弟元素margin合并 2. 父级和第一个/最后一个子元素阻止margin-top合并的方法阻止margin-bottom合并的方法 3. 空块级元素的m ...
css margin和border,Margin、Border、Padding属性的区别和联系
你对DIV+CSS中Margin属性.Border属性.Padding属性的区别和联系是否了解,这里和大家分享一下,希望本文介绍对你有所帮助. Margin属性.Border属性.Padding属性三 ...

【CSS3】-webkit-margin-before与margin-top

【CSS3】-webkit-margin-before与margin-top相关推荐

最新文章

热门文章