在網頁制作的時候，我們常常需要讓DIV的內容居中顯示，這在布局上起到了非常重要的作用。CSS樣式可以輕松實現這個功能，下面我們來講一下幾種方法。

/*HTML部分*/
<div class="container">
<div class="content">我是要居中的內容</div>
</div>
/*CSS部分*/
/*方法一：使用text-align*/
.container {
text-align: center;
}
.content {
display: inline-block;/*必須加上這個*/
}
/*方法二：使用flex */
.container {
display: flex;
justify-content: center;
align-items: center;
}
.content {
/*沒有特殊要求可不加*/
}
/*方法三：使用position+transform*/
.container{
position: relative;
}
.content {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}

以上三種方法均可實現DIV內容的居中顯示，具體使用哪一種取決于布局需求。通過這些代碼，讓我們的網頁制作更加精細美觀。