CSS文字多行居中排版技巧

在CSS中，我們可以使用多種方法來使文字在多行中居中，***常用的是使用flexbox布局，下面是一個(gè)簡(jiǎn)單的示例：

HTML代碼：

<div class="container">
  <p class="text">這是一段居中的文字，可以有多行，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例，文字內(nèi)容可以根據(jù)需要自行調(diào)整，這里只是示例。</p>
</div>

CSS代碼：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 可以根據(jù)需要設(shè)置高度 */
}
.text {
  text-align