CSS 如何讓一個 DIV 居中 在網頁設計中，經常需要讓一個 DIV 居中顯示。下面我們將介紹使用 CSS 的方法來實現這個效果。 首先，我們需要一個 HTML 頁面，其中包含一個名為 "box" 的 DIV。

<div class="box">
<p>這是一個包含文本的 DIV。</p>
</div>

然后，在 CSS 中，我們需要使用以下代碼來將 "box" DIV 居中顯示：

.box {
position: relative;
margin: auto;
width: 50%;
height: 100px;
}

以上代碼使用了 "position: relative;" 屬性來定義該 DIV 的相對位置。它的父元素應該是相對定位的，否則這個 CSS 樣式將不起作用。在這之后，我們使用 "margin: auto;" 來將左右邊距設置為自動，這樣就可以實現 DIV 居中的效果。最后，我們還可以設置 "width" 和 "height" 屬性，以控制該 DIV 的尺寸。 以上就是使用 CSS 的方法來實現將一個 DIV 居中的效果。希望這篇文章對你有所幫助。