2015-11-06 43 views
19

的Webkit的差異增加了它們自己特定的邊距:是什麼邊距和-webkit餘裕前

-webkit-margin-before: 
-webkit-margin-after: 
-webkit-margin-start: 
-webkit-margin-end: 

我理解(保證金左和-webkit-與容限的區別開始)或與「從左到右」或「從右到左」語言有關的(margin-right和-webkit-margin-end)。

我的問題是(margin-top和-webkit-margin-before)或(margin-bottom和-webkit-margin-after)之間的區別是什麼?

注意:很顯然,-webkit前綴僅適用於webkit引擎瀏覽器,例如chrome和safari。這個問題與它無關。

+1

我一直無法找到'-webkit餘裕before'和'任何官方文件「自下而上」的語言在這個環節omniglot.com/writing/direction.htm(感謝@MarkPlewis)的-webkit餘裕after'。我只能假設這些涉及「從上到下」和「從下到上」的語言。我不確定是否存在「從下到上」的語言,但本網站列出了一些示例:http://www.omniglot.com/writing/direction.htm – MarkPlewis

+0

@MarkPlewis,這很有趣!也許-webkit-margin-before在「bottom to top」語言中充當margin-bottom。 – Arashsoft

回答

15

最佳答案我能找到到目前爲止-web-margin-before行爲一樣margin-top正常的文件,但它將作爲margin-bottom的「底部頂級「語言(同樣的想法適用於-webkit-margin-after)。

你可以找到一些

+1

需要了解的一點是,它們是利潤率的「通用」情況。例如在[flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)中,它會根據'flex-direction'正確設置元素的頁邊距,而'margin- '什麼都不做。 – Kilves

-1

雖然Chrome和WebKit支持-webkit-的所有屬性和關鍵字,但Safari僅支持啓動(Mozilla做得更好,因爲它同時支持開始和結束)。據說所有這些屬性都在Safari 6中運行;所以當它發佈時,我們需要用前綴屬性替換頂部,右側和底部值,以使我們的樣式「方向」不可知。

基本上-webkit-可以用來定位不同的瀏覽器,如Safari,Chrome和Firefox。 詳細文章可以找到here

本文討論爲基於WebKit的瀏覽器創建基本樣式表。

從沒有申請-webkit-值阻止我用:

*, *:before, *:after { 
    box-sizing: inherit; 
}