有以下DOM結構:<h1>
<span>
<span>
文字內容 </span>
</span></h1>h1{ width:100%; padding:20px;
}要求:不能改變DOM結構,不能改變h1的已有樣式;實現: ---------- 文字內容 ----------- (左右兩側padding + 左右分割線寬度 + 文字內容寬度 = h1寬度)左右側分割線自動適應h1除文字內容以外的剩余空間,文字內容變化,分割線也應根據文字內容變長或縮短;文字只占一行;除了用span背景遮住h1偽類分割線,還有其他方法嗎?關鍵是這個自適應很難搞。
如何用純CSS實現自適應文字內容的分割線?
侃侃爾雅
2018-08-11 10:09:16