CSS是網頁中非常重要的一部分，可以實現很多豐富的效果。在網頁開發中，我們經常需要設置文本居中。而在使用div實現網頁布局的情況下，設置div文字居中是非常常見的一種需求。下面我們來看看如何使用CSS實現這種效果。

/*設置div的寬度*/
div {
width: 300px;
height: 200px;
border: 1px solid #ccc;
/*設置文本居中*/
text-align: center;
}

在上面的代碼中，我們先設置了div的寬度、高度以及邊框等屬性。緊接著，我們使用了text-align屬性，將文本對齊方式設置為居中。這樣一來，無論在div中的文本是什么，都將自動居中顯示。

除了text-align，我們還可以使用margin屬性實現文本居中。具體來說，我們可以將div元素的margin-top和margin-bottom屬性值設置為auto，同時將div元素的display屬性設置為block，從而實現文本居中的效果。下面是一段代碼示例：

/*將div設置為塊級元素*/
div {
display: block;
/*設置上下邊距為auto*/
margin-top: auto;
margin-bottom: auto;
/*設置寬度和高度*/
width: 300px;
height: 200px;
border: 1px solid #ccc;
}

以上就是兩種常見的設置div文字居中的方法，不過我們需要注意，這兩種方法其實是有一定差別的。如果我們只需要讓文本居中，而其他樣式不變的情況下，使用text-align會更簡單方便。反之如果我們需要同時將div垂直和水平方向上的內容居中，就需要使用margin屬性。