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的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。