2017-01-20 55 views
0

如何在<body> </body>之間水平和垂直居中所有HTML元素,而不必在窗口被調整時更新元素left:top:屬性。CSS以全部主體內容爲中心

+0

這個問題有點太籠統:請記住,居中HTML元素並不意味着他們的*內容*再次居中,就像DIV內的文本或另一個DIV內部的DIV等等,因爲在大多數情況下的情況。 – Johannes

回答

-1

.center {margin:auto auto 3px 3px; }

通過在您的內部或外部CSS文件中使用此項,所有文本元素將居中對齊,並且除此之外將有3像素的邊距。

+0

您還需要聲明一個寬度。塊級元素的寬度爲:默認爲100%,因此上述內容不會改變任何內容。另外邊緣速記是關閉的。這表示「頂部:汽車,右側:汽車,底部3px,左側3px」。更新至: .center {width:960px; margin:3px auto;} – tjameswhite

+1

這是錯誤的:組合CSS規則中的順序是右上角 - 左下角,所以這將自動在頂部和右側以及3px底部和左側。此外,如果沒有任何位置參數,則這不起任何作用。 – Johannes