uni-app scroll-view横向滚动设置

1、单排横向滚动
html






css

.kite-classify-scroll{
    width: 100%;
	height: 150px;
	overflow: hidden;
 	white-space: nowrap;
}
.kite-classify-cell{
	display: inline-block;
	width: 115px;
	height: 140px;
}

2、多排横向滚动
html

  
  
        
  
  
        
  
....
  

css

 .kite-classify-scroll{
        width: 100%;
	    overflow: hidden;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
    }
.kite-classifie-content{
        width: 100%;
    	height: 150px;
    	overflow: hidden;
   	 	white-space: nowrap;
    }
    .kite-classify-cell{
    	display: inline-block;
    	width: 115px;
    	height: 140px;
    }

你可能感兴趣的:(前端)