CSS屬性設置DIV居中，是我們在網頁設計中常常需要用到的技能。在設計網頁的時候，經常會涉及到把一個DIV居中。下面就是幾種方法，幫助大家實現這一目標。

方法一： 使用margin屬性
div{
width: 500px; /*假設div寬度為500px*/
height: 300px; /*假設div高度為300px*/
margin: 0 auto; /*設置margin屬性，具體意思是上下為0，左右為auto*/
}

方法一適用于div寬度是已知的情況下，只需要把margin的左右值設置為"auto"，就能使div居中。

方法二： 使用position和transform屬性
div{
width: 500px; /*假設div寬度為500px*/
height: 300px; /*假設div高度為300px*/
position: absolute; /*使用position:absolute屬性*/
top: 50%; /*利用絕對定位把div置于頁面的中間位置*/
left: 50%; /*同上*/
transform: translate(-50%,-50%); /*使用transform屬性把div上下左右居中*/
}

方法二適用于div寬度未知的情況下，通過使用position:absolute屬性，先將其置于頁面中心位置，再用transform屬性對div進行調整，就能使其垂直居中。

方法三： 使用display和text-align屬性
div{
display: flex; /*使用flex屬性*/
justify-content: center; /*把div放在container容器的中間*/
align-items: center; /*同上*/
text-align: center; /*把div內部文本居中*/
}

方法三適用于需要讓div內部元素和文本都居中的情況下，通過使用display:flex屬性和text-align屬性，就能讓div內部元素和文本居中了。