-----产品-----css布局(解决移动端1px问题)

<div class="header">
    <div class="divider item"></div>
    <div class="header-count item">产品</div>
    <div class="divider item"></div>
</div>

.header{
font-size:28rpx;
color: #999999;
padding: 34rpx 32rpx 14rpx;
display: flex;
height: 40rpx;
line-height: 40rpx;
}
.header .item{
flex: 1;
}
.header-count{
margin: 0 4rpx;
padding: 0 28rpx;
}
.divider{
margin: 19rpx 0;
height: 1rpx;
background: #999;
box-sizing: border-box;
}

猜你喜欢

转载自blog.csdn.net/qq_37167049/article/details/83990906