在CSS中，我們常常需要設(shè)置盒子中文字的居中方式。下面是一個(gè)常用的樣式代碼，可以方便地將盒子中的文字居中顯示:

下面是用于設(shè)置盒子中文字居中的樣式代碼：

.box {
display: flex;  /* 采用 flex 布局 */
align-items: center;   /* 縱軸方向居中 */
justify-content: center; /* 橫軸方向居中 */
text-align: center; /* 如果盒子是塊級(jí)元素，也可以使用 text-align 屬性實(shí)現(xiàn)文字居中 */
}

上面的代碼中，我們采用了flex布局來(lái)實(shí)現(xiàn)盒子中文字的居中。

其中的align-items屬性用于設(shè)置縱軸方向（即垂直方向）上的居中方式，我們?cè)O(shè)置為center值，從而讓盒子內(nèi)部的元素在垂直方向上居中顯示。

而justify-content屬性則用于設(shè)置橫軸方向（即水平方向）上的居中方式，我們也設(shè)置為center值，從而讓盒子內(nèi)部的元素在水平方向上居中顯示。

如果盒子是塊級(jí)元素，也可以使用text-align屬性來(lái)實(shí)現(xiàn)文字的居中顯示。例如：

.box {
text-align: center;
}

上面的樣式代碼將會(huì)讓盒子內(nèi)部的所有文字都居中顯示。

總之，無(wú)論你使用什么方式，都應(yīng)該掌握好如何在CSS中設(shè)置盒子中文字的居中方式，這樣可以方便地讓你的網(wǎng)頁(yè)設(shè)計(jì)變得更加美觀。