在CSS樣式中，將下劃線居中顯示是一個常見的需求，下劃線是通過text-decoration屬性來添加的，但默認情況下，下劃線會出現(xiàn)在文本的底部，而不是居中，為了讓下劃線居中顯示，我們可以使用text-align屬性來設(shè)置文本的對齊方式，并結(jié)合line-height屬性來調(diào)整文本與下劃線之間的間距。

下面是一個示例代碼，展示如何將下劃線居中顯示：

.centered-underline {
  text-align: center;
  line-height: 1.5;
  text-decoration: underline;
}

在這個示例中，我們創(chuàng)建了一個名為.centered-underline的CSS類，這個類將文本的對齊方式設(shè)置為center，即居中對齊，通過line-height屬性調(diào)整文本與下劃線之間的間距，使其更加美觀，使用text-decoration屬性添加下劃線。

你可以將這個類應(yīng)用到HTML元素中，如下：

<p class="centered-underline">這是一段帶有居中下劃線的文本。</p>

這樣，文本就會以居中的方式顯示，并且下劃線也會出現(xiàn)在文本的下方中央位置，你可以根據(jù)需要調(diào)整line-height的值來控制文本與下劃線之間的間距。