2016-10-31 48 views
-1

ho我可以使某個元素與auto同時水平居中並將margin-top或bottom設置爲固定大小?下面CSS如何使用自動設置margin-top

似乎爲我工作:

.class { 
margin: auto; 
margin-top: 100px; 
} 
+0

您錯過了HTML代碼,並且不清楚「問題」是什麼。什麼是問題? –

+0

它工作得很好......而且你可以這樣做:'margin:100px auto 0 auto;',它表示頂部爲100px,左邊爲自動,右邊爲0,底部爲0 ...你可以放下最後一個'auto' – LGSon

+2

瞭解保證金「簡寫」變體:https://developer.mozilla.org/en-US/docs/Web/CSS/margin –

回答

1

到一個固定的邊距值設置爲頂部或底部的參數,你可以這樣做,使用以下格式:

.class { 
    margin: 100px auto 100px auto; 
} 

的上面是將頂部設置爲100px,然後是自動,然後從底部到100px,然後離開自動。

+1

僅有代碼的答案是沒有用的。這是做什麼的?哪個屬性是哪個?是否有一些權威性文件可以額外鏈接到? –

+0

單線格式的邊距和填充值按以下順序取值:頂部右底部左邊 – Adrianopolis

+1

@Adrianopolis是的,我們大多數人都知道,但答案中的內容在哪裏? – LGSon

0

它比以前的答案更簡單一點:你可以只寫

.class { 
    margin: 100px auto; 
} 

或者(如果您需要的邊距爲0)

.class { 
    margin: 100px auto 0; 
} 

如果只有兩個值,即頂部+底部和右側+左側邊距的簡碼。如果有三個值,它是右上角+左下角。