曾经玫瑰

文章
5
资源
0
加入时间
3年2月3天

flex实现中间文字,两边横线(1px)

学习了实现1px边框的实现方法。迫不及待的想要记录一下。顺便利用flex布局+1px边框实现一个 简单的中间文字,两边横线的组件。演示首先来看组件的需求:左右两边的横线在移动端显示为1px。中间内容部分可以随意传入文字内容。同时不论文字的多少,两边的横线会随着内容增大而减小,直到内容占据的最大宽度为40%。根据以上需求,我们来制定步骤。1px边框实现mixin.styl首先...