微信小程序记录:多个浮动元素水平居中

效果图如下:
微信小程序记录:多个浮动元素水平居中_第1张图片
代码如下:
xx.wxml




{
    {item.tag}}           //标签元素(左浮动)



xx.wxss

.tagWrapper{
text-align: center;    
}
.tagBorder{
display: inline-block;    
}
.tagItem{
float:left;    //元素左浮动
//下面的样式与居中无关,自行设置
height: 60rpx;
line-height: 60rpx;
margin:8rpx 16rpx;
padding: 3rpx;
border-radius:10rpx;
color:black;
background-color:rgb(247,247,247);
}

参考:https://blog.csdn.net/newborn2012/article/details/19036797

你可能感兴趣的:(微信小程序记录:多个浮动元素水平居中)