关 于 开 武 清 区 广 告 费 发 票

liu7546   ·   发表于 1个月前   ·   资源分享

关 于 开 武 清 区 广 告 费 发 票【微电 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就不管用了,就出现作为竖线的那个右边框与父元素的上边框贴合了,没有实现想要的效果

0 Reply   |  Until 1个月前 | 3 View
LoginCan Publish Content