css3上下左右布局

html

  
    
        
            
                
                {{item.title}}
            
        
    

没有css的效果图:

 css3布局:

/* 图标分类 */
.big-logo{
  
  background-color: #fff;
  box-sizing: border-box;
  padding-top: 20rpx;
  display: flex;
  /*横向布局 */
  flex-direction: row;
  /* 自动拆分 */
  flex-wrap: wrap;
}
.logoinfo{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 150rpx;
  height: 150rpx;
}
.logotext{
	color: #aaa;
	font-size: 22rpx;
}