CSS下劃線是很常見的樣式效果，它可以讓文本更加突出，更加具有設計感。當我們使用CSS下劃線之后，有時候我們需要控制下劃線的長度，這時候我們可以使用text-decoration屬性來實現。

p {
text-decoration: underline;
/* 控制下劃線長度 */
text-decoration-skip-ink: none;
text-underline-offset: 0.2em;
text-decoration-thickness: 0.1em;
}

上面的代碼是我們在CSS中控制下劃線長度的方法，具體的控制代碼包括text-decoration-skip-ink、text-underline-offset和text-decoration-thickness。

text-decoration-skip-ink屬性的作用是控制下劃線是否穿過文字中的斜杠（撇折），如果設置為none，下劃線會穿過文字的撇折，如果設置為auto，則會跳過撇折。如果文字中沒有撇折，這個屬性是沒有效果的。

text-underline-offset屬性用于控制下劃線的位置，它的值可以使em、px等單位，值為正數則下劃線向下偏移，為負數則向上偏移。

text-decoration-thickness屬性用于控制下劃線的粗細程度，它的值也是以em、px等單位計算的。

以上就是我們在CSS下設置下劃線長度的方法，如果需要控制下劃線的粗細程度和位置，就需要使用上述三個屬性來實現，希望這篇文章能夠幫助你更加深入地了解CSS下劃線的應用技巧。