有以下DOM结构:
<h1> <span> <span> 文字内容 </span> </span></h1>h1{ width:100%; padding:20px; }
要求:不能改变DOM结构,不能改变h1的已有样式;
实现: ---------- 文字内容 ----------- (左右两侧padding + 左右分割线宽度 + 文字内容宽度 = h1宽度)
左右侧分割线自动适应h1
除文字内容
以外的剩余空间,文字内容变化,分割线也应根据文字内容变长或缩短;
文字只占一行;
除了用span背景遮住h1伪类分割线,还有其他方法吗?
关键是这个自适应很难搞。
相关分类