CSS的下劃線是我們經常用到的一個樣式，然而默認情況下下劃線并不是居中的，下面就讓我們探討如何讓下劃線居中。

首先，我們需要了解下劃線常常是通過border-bottom實現的。如果我們想讓下劃線居中，我們需要控制下劃線的高度，將其置于文字的正中間。下面是一個例子：

p {
position: relative;
}
p:after {
content: "";
position: absolute;
border-bottom: 2px solid #000;
bottom: -.25em;
width: 100%;
left: 0;
}

這段代碼首先給p元素指定了position：relative屬性，接下來通過:pseudo-element來添加下劃線，最后將其定位在文字正下方。

其中bottom屬性的值-.25em是將下劃線下移一定距離，從而將其置于文字的中間部分，這個值可以根據實際需求進行調整。同時,我們也可以通過修改border的高度來控制下劃線的粗細。

這就是如何將下劃線居中的技巧，通過簡單的CSS代碼就能實現。需要的話趕快在自己的項目中實踐一下吧。