居中是網頁布局中一項重要的技術，在CSS中有多種方法可以將div中的內容居中。下面我們來介紹其中幾種方法。

代碼1：使用text-align
div{
width: 200px;
height: 200px;
text-align: center;
}

使用text-align屬性可以將div中的文字內容居中。但要注意的是，這個屬性只能讓內聯元素居中，塊級元素需要加上display: inline-block才能使用。

代碼2：使用margin
div{
width: 200px;
height: 200px;
margin: auto;
}

使用margin屬性同樣可以將div中的內容居中。但這種方法需要設置固定寬高，并使用auto值來設置margin。這個技巧可以讓div在水平方向上居中。

代碼3：使用Flexbox布局
.container{
display: flex;
justify-content: center;
align-items: center;
}
.container div{
width: 200px;
height: 200px;
}

使用Flexbox布局是一種新的方法，通過設置.container為flex并使用justify-content和align-items屬性可以實現水平和垂直方向上居中div中的內容，不需要為子元素設置寬高。

我們可以根據具體的需求選擇使用哪種方法，CSS提供了多種實現方式，我們可以靈活運用，使設計更加豐富。