.titledisplay flexwidth 80%margin 30px auto 24px auto.lineflex 1position relativetop -6pxborder-bottom 1px solid rgba(255,255,255,.2).textpadding 0 12pxfont-size 14px

?布局

<div class="title"><div class="line"></div><div class="text">優(yōu)惠信息</div><div class="line"></div> </div>

?

?

?效果如下

?

轉(zhuǎn)載于:https://www.cnblogs.com/xzma/p/7744455.html

總結(jié)

以上是生活随笔為你收集整理的flex 布局实现 横穿线效果 自适应文字内容，自适应调整线宽的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。