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

效果图如下：

代码如下：
xx.wxml

<view class="tagWrapper">

<view class="tagBorde" wx:for="{{tagAll}}">
<text class="tagItem" >{{item.tag}}</text>           //标签元素（左浮动）
</view>

</view>

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