已解決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

關注