CSS 固定 DIV 內容居中 當我們制作網頁時，經常需要將某些內容放到瀏覽器窗口的中心位置，這時就需要使用 CSS 來實現。以下是如何使用 CSS 固定 DIV 內容居中的方法。 1. 確定 DIV 的寬度和高度 首先，我們需要確定要居中的 DIV 的寬度和高度。這通常需要通過 HTML 的樣式屬性或 CSS 來設置。 例如，在 HTML 文件中，我們可以使用以下代碼指定 DIV 的寬度和高度： `````` 或者，我們也可以在外部的 CSS 文件中使用以下代碼設置 DIV 的寬度和高度： ``` div { width: 500px; height: 300px; } ``` 2. 將 DIV 設置為絕對定位 接下來，我們需要將要居中的 DIV 設置為絕對定位。這樣，我們才能在頁面上移動它并將其定位到所需的位置。 例如，在 CSS 文件中使用以下代碼將 DIV 設置為絕對定位： ``` div { position: absolute; } ``` 3. 設置 DIV 的左 / 右 / 上 / 下 偏移量 在我們將 DIV 移動到所需位置之前，我們需要設置其左 / 右 / 上 / 下 偏移量。這可以通過以下代碼實現： ``` div { left: 50%; top: 50%; transform: translate(-50%, -50%); } ``` 在上述代碼中，我們將 DIV 的左偏移量和上偏移量都設置為 50%，這將使其移動到頁面的中心。transform 屬性的 translate() 函數將 DIV 往左移動了其寬度的一半，往上移動了其高度的一半。這樣，DIV 就完全居中了。 完整的代碼如下所示： ``` div { width: 500px; height: 300px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } ``` 通過使用上述 CSS 代碼，我們可以將任何 DIV 定位到頁面的中心位置。這將使我們的網頁具有更加專業和美觀的外觀。