在CSS中，可以使用text-decoration屬性來實現(xiàn)下劃線跟隨文字長度的效果，具體步驟如下：

1、需要給需要添加下劃線的文字元素添加text-decoration屬性，并將其值設置為underline。

p {
  text-decoration: underline;
}

2、由于CSS中的下劃線是固定長度的，因此需要使用JavaScript來動態(tài)計算文字長度并設置下劃線長度，以下是一個簡單的JavaScript示例，可以添加到HTML文檔中：

window.onload = function() {
  var ps = document.getElementsByTagName('p');
  for (var i = 0; i < ps.length; i++) {
    var len = ps[i].innerHTML.length;
    ps[i].style.borderBottom = '1px solid #000'; // 設置下劃線樣式
    ps[i].style.paddingBottom = len * 10 + 'px'; // 計算并設置下劃線長度
  }
}

3、由于下劃線是邊框樣式，因此還需要將元素的border屬性設置為none，以避免其他邊框樣式影響顯示效果。

p {
  border: none;
}

通過以上步驟，可以實現(xiàn)CSS下劃線跟隨文字長度的效果，注意，在實際應用中，可能需要根據(jù)具體需求進行調(diào)整和優(yōu)化。