CSS是前端開發中常用的樣式語言，可以為網頁添加各種效果，其中，居中元素是一個經常用到的樣式屬性，本文就是為大家介紹如何使用CSS設置div居中。

首先，需要在HTML文件中添加一個div元素，如下：

<div class="center"></div>

接著，在CSS文件中定義該div的樣式：

.center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

解釋如下：

• position: absolute;表示該元素的定位方式采用絕對定位
• top: 50%;表示元素的上邊緣距離父元素頂部的距離為50%
• left: 50%;表示元素的左邊緣距離父元素左側的距離為50%
• transform: translate(-50%, -50%);表示將元素在水平和垂直方向上分別向左和向上移動50%的距離，以使元素居中

使用以上CSS樣式，可以輕松實現div元素的居中效果。