关 于 开 盐 城 市 广 告 费 发 票【微电 l3 ⒍一2O⒐⒐一 8.⒋36】 此时子级在没设置高度的情况下都会默认继承父级高度。像上面一样。
而你的分隔符是用左边的span标签的border-right制作的,而此时span元素的高度与父级一样,所以border-right的高度撑满整个容器了。
解决办法:
1、设置span标签一个height.
2、使用after、brfore伪元素来制作分隔符,并且绝地定位。
3、在span和div之间添加一个i标签,inline-block话,用padding和margin撑起左右边距,然后利用border来制作分隔符,这个分隔符大小长短可以控制,左右边距可控,是一种实现方式。如题,文字中间的竖线,我使用左边span标签的右边框来实现的,但是现在对这两个span的父元素使用了flex布局,交叉轴居中对齐,然后对span设置的vertical-align:center就不管用了,就出现作为竖线的那个右边框与父元素的上边框贴合了,没有实现想要的效果