CSS兩行怎么居中

在CSS中，可以使用flex布局來實(shí)現(xiàn)兩行文本的居中顯示，以下是一個(gè)示例代碼：

<div class="container">
  <div class="text">
    <p>這是一行文本</p>
    <p>這是另一行文本</p>
  </div>
</div>

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 可以根據(jù)需要調(diào)整高度 */
}
.text {
  display: flex;
  flex-direction: column;
  align-items: center;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為container的div，其中包含了另一個(gè)名為text的div。container使用flex布局，并將其內(nèi)容居中顯示。text div也使用flex布局，但其內(nèi)容是按列排列的，并且也居中顯示，這樣，兩行文本就會(huì)垂直居中顯示。

這個(gè)示例中的CSS樣式可以根據(jù)需要進(jìn)行調(diào)整，您可以調(diào)整container的高度，或者添加其他樣式來進(jìn)一步自定義布局。