在Chrome的用户代理样式表中,为什么要使用" -webkit-margin-before"而不仅仅是" margin-top"等?

时间:2014-12-30 14:52:53

标签: css google-chrome webkit blink

-webkit-margin-{before,after,start,end}可以分别由margin-{top,bottom,left,right}覆盖。为什么Chrome的用户代理样式表不仅仅使用标准margin-声明?

enter image description here

1 个答案:

答案 0 :(得分:6)

这与布局方向有关。

当布局方向从左到右时,-webkit-margin-startmargin-left类似,但当方向从右到左时,margin-right就像{{1}}。

请参阅http://jsfiddle.net/jLnz2jd1/(显然在Chrome中)

在方向性很重要的上下文中,可以覆盖这些属性的用户代理值。如果不重要,那么标准边际属性的回退是自动的。