與多種類型

對不起，這個愚蠢的問題，但 CSS保證金我的一段代碼，看起來像與多種類型

margin-left: 150px; 
margin-left: 8%; 
margin-left: 7vw;

發現能否請您解釋我是誰這項工作？哪些將被使用？同時我們不能寫類似：

margin-left: 150px, 8%, 7vm;

我認爲這是一個短版還是什麼？編輯我只是問保證金左不是所有的保證金性質:)

2016-11-09 Radu

'margin-left：7vw;'將被實現，因爲它位於css代碼的最後一行。另一方面'margin-left：150px，8％，7vm;'不是有效的css代碼。 – GvM

@GvM非常感謝你 – Radu

如果你寫的是這樣的：

margin-left: 150px; 
margin-left: 8%; 
margin-left: 7vw;

只margin-left: 7vw;將被接受，因爲它會覆蓋margin-left: 150px;和margin-left: 8%;，margin-left，margin-right，margin-top，margin-bottom只接受一個值。

你可以用速記的保證金，如：

margin: margin-top margin-right margin-bottom margin-left

例如：

margin: 10px 15px 20px 5px;

所以在這種速記最後一個5px將設置爲margin left，

有是另外兩種寫速記的方式：

個

2值：

margin: (margin-top + margin-bottom) (margin-left + margin-right)

例如：

margin: 10px 20px

3個值： margin: (margin-top) (margin-left + margin-right) (margin-bottom)

例如：

margin: 10px auto 20px

2016-11-09 07:44:29

謝謝你的快速回答我知道他們在寫一些但是我不明白爲什麼UI開發者會這樣做，我認爲這是IE，ff或chrome的規則。謝謝您的回答 – Radu

CSS規則中的每一下發生覆蓋以前的，所以在這個例子中，最後一個規則將被使用。你的簡短形式也是無效的。在單行可以定義利潤率爲每側：

margin: 10px 5px 2px 8px;

它給你10px的上邊距，5px的右邊緣，2px的底部和8像素左邊距。

2016-11-09 07:43:36 Blady214

回答