CSS中如何在橫線中間加文字

在CSS中，您可以使用text-align屬性將文字居中顯示在橫線上，這個(gè)屬性可以將文本內(nèi)容水平居中，使其顯示在橫線的中間位置。

以下是一個(gè)簡(jiǎn)單的示例，展示如何在CSS中使用text-align屬性將文字居中顯示在橫線上：

HTML代碼：

<div class="line">
  <span>這是一段文字</span>
</div>

CSS代碼：

.line {
  width: 200px; /* 設(shè)置橫線的寬度 */
  height: 1px; /* 設(shè)置橫線的高度 */
  background-color: #000; /* 設(shè)置橫線的顏色 */
  text-align: center; /* 將文字居中顯示在橫線上 */
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為“l(fā)ine”的div元素，并設(shè)置其寬度、高度和背景顏色，我們使用text-align屬性將span元素中的文字居中顯示在橫線上，您可以根據(jù)需要調(diào)整橫線的寬度、高度和顏色，以及要顯示的文字內(nèi)容。

這種方法僅適用于行內(nèi)元素（如span或a），而不適用于塊級(jí)元素（如div或p），如果您需要在塊級(jí)元素中居中顯示文字，可以使用其他CSS布局技巧，如flex布局或grid布局。