將 建立網頁佈局時，通常需要將元素放置在螢幕的中心。這可以使用 CSS 來實現，無需內聯樣式或複雜的 JavaScript 解決方案。 固定元素的寬度和高度 一個簡單的方法是定義一個固定的 定位元素 為了將元素定位在精確的中心，我們使用絕對定位： 計算中心座標 確定螢幕的中心，我們需要找到它的寬度和高度的中點。這涉及到將它們除以二： 調整元素的邊距 為了調整元素的位置，我們使用負邊距。這會將元素從原始位置移動一半的高度和寬度，使其在螢幕上居中： 完整範例 將它們放在一起，這是完整的CSS 代碼： 居中使用CSS 在螢幕上顯示元素的寬度與高度元素：
#divElement {
width: 100px;
height: 100px;
}登入後複製#divElement {
position: absolute;
}登入後複製top_margin = screen_height / 2;
left_margin = screen_width / 2;
登入後複製#divElement {
margin-top: -top_margin;
margin-left: -left_margin;
}登入後複製#divElement {
position: absolute;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -50px;
width: 100px;
height: 100px;
}登入後複製
以上是如何僅使用 CSS 將 Div 元素置於螢幕中央？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
