已解决430363个问题，去搜搜看，总会有你想问的

请教下如下面这种自适应横线的效果如何实现 ?

关注

首页猿问请教下如下面这种自适应横线的效果如...

CSS3 Html/CSS Html5

charsandrew 2017-12-29 14:25:38

psd图样式如下：左边的标题部分宽度不固定，横线的宽度也不固定。中间应该有固定的间距。请教下，有什么实现的方法吗？

查看完整描述

3 回答

已采纳

陌上人如玉_010

TA贡献19条经验获得超16个赞

线和钱用浮动，左边文字用定位，给个白色背景

反对回复 2017-12-29

点击展开后面1条

懒洗

TA贡献3条经验获得超0个赞

div背景加横线，左边的名字用白色背景盖住线，右边的钱用白色背景盖住线

反对回复 2017-12-29

charsandrew
嗯，这样可以的。我后来是使用的float + BFC实现的。大概有3种方法可以搜索下不定宽度 + 自适应布局。

回复 2017-12-29

拖鞋_

TA贡献453条经验获得超223个赞

display flex

反对回复 2017-12-29

关注