CSS文字在div中居中，是一個(gè)常見(jiàn)的網(wǎng)頁(yè)布局需求，通過(guò)CSS樣式，我們可以輕松地實(shí)現(xiàn)文字在div中的水平居中和垂直居中。

我們來(lái)看看如何使文字在div中水平居中，這可以通過(guò)設(shè)置div的樣式來(lái)實(shí)現(xiàn)，我們可以給div添加以下樣式：

div {
  text-align: center;
}

這個(gè)樣式會(huì)將div中的所有文字水平居中顯示，如果你只想讓某段文字居中，而不是整個(gè)div，你可以將這段文字放在一個(gè)span或p元素中，并給這個(gè)元素添加相同的樣式。

我們來(lái)看看如何使文字在div中垂直居中，垂直居中稍微復(fù)雜一些，因?yàn)槲覀冃枰紤]不同瀏覽器和版本的兼容性，一種常用的方法是使用flexbox布局，我們可以給div添加以下樣式：

div {
  display: flex;
  align-items: center;
  justify-content: center;
}

這個(gè)樣式會(huì)將div中的所有內(nèi)容垂直居中顯示，和水平居中一樣，如果你只想讓某段文字居中，而不是整個(gè)div，你可以將這段文字放在一個(gè)span或p元素中，并給這個(gè)元素添加相同的樣式。

需要注意的是，使用flexbox布局時(shí)，我們需要考慮不同瀏覽器和版本的兼容性，在實(shí)際使用中，我們可能需要添加一些前綴來(lái)確保兼容性。

div {
  display: -webkit-flex; /* Safari */
  display: -moz-flex; /* Firefox */
  display: -ms-flexbox; /* IE 10 */
  display: flex; /* 標(biāo)準(zhǔn)語(yǔ)法 */
}

CSS文字在div中居中是一個(gè)相對(duì)簡(jiǎn)單的任務(wù)，只需要掌握一些基本的樣式和布局技巧即可實(shí)現(xiàn)，希望這篇文章能幫助你更好地理解和實(shí)現(xiàn)這個(gè)任務(wù)。