1. 程式人生 > >-----產品-----css佈局(解決移動端1px問題)

-----產品-----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;
}