CSS是一種用于控制網(wǎng)頁(yè)樣式和布局的語(yǔ)言。在網(wǎng)頁(yè)設(shè)計(jì)中，經(jīng)常需要將文字垂直和水平居中于盒子中。這就需要使用CSS來(lái)實(shí)現(xiàn)。

.box {
width: 200px;
height: 200px;
display: flex;
justify-content: center;
align-items: center;
}
.box p {
text-align: center;
}

上面的代碼演示了如何將文字在盒子中垂直和水平居中。使用CSS的強(qiáng)大布局屬性display: flex可以快速實(shí)現(xiàn)盒子內(nèi)元素的垂直和水平居中。使用justify-content和align-items分別控制盒子內(nèi)元素在水平和垂直方向上的對(duì)齊方式。

而對(duì)于文字的水平居中，我們可以使用text-align屬性。代碼中使用了CSS選擇器.box p，表示選取所有類名為box的元素內(nèi)的段落元素p，并將它們的文本對(duì)齊方式設(shè)為居中。

需要注意的是，這種方式只適用于單行文字。如果需要居中多行文字，可以使用CSS的line-height屬性來(lái)實(shí)現(xiàn)。在代碼中設(shè)置line-height等于盒子高度即可。