为了账号安全,请及时绑定邮箱和手机立即绑定

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

/ 猿问

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

charsandrew 2017-12-29 14:25:38

psd图样式如下:

http://img1.mukewang.com/5a45df8e0001df8606400475.jpg

左边的标题部分宽度不固定, 横线的宽度也不固定。 中间应该有固定的间距。

请教下,有什么实现的方法吗?


查看完整描述

3 回答

已采纳
?
陌上人如玉_010

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

查看完整回答
反对 回复 2017-12-29
  • charsandrew
    charsandrew
    意思是说标题部分用定位,使用白色背景遮盖住线,伪装成间隙的效果?
  • 陌上人如玉_010
    陌上人如玉_010
    嗯 是的 障眼法
  • charsandrew
    charsandrew
    感觉这样可以实现。另外我找到了另一种实现方法: https://segmentfault.com/a/1190000004424442 参考里面的 左列不定宽,右列自适应部分的 float + BFC实现。
点击展开后面1
?
懒洗

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

查看完整回答
反对 回复 2017-12-29
  • charsandrew
    charsandrew
    嗯,这样可以的。 我后来是使用的float + BFC实现的。 大概有3种方法 可以搜索下 不定宽度 + 自适应布局。
?
拖鞋_

display flex

查看完整回答
反对 回复 2017-12-29
  • charsandrew
    charsandrew
    弹性布局目前还不太熟练,还有其他的方法吗, 比如浮动什么的?

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信