1
 
2
 
3
 
4
 
5
 
6
 
7
 
8
 
9
 
10
 

IE8及以上、现代浏览器支持.

什么都不需要，inline-block 本来就会自动换行啊

https://jsfiddle.net/f48jewqa/1/

兼容性比 flex 好点
（兼容 IE9 及以上）
稍难维护。
但不用 Hack 就可以在 IE9-IE11 中保持一个样子。
其实用 JavaScript 更好……

.itemContainer { width: 150px;overflow: auto; padding-left: 40px; -ms-transform: rotate(270deg) matrix(-1,0,0,1,0,0); transform: rotate(270deg) matrix(-1,0,0,1,0,0); font-size: 13px;color: white; list-style: none; font-family: "Roboto", Roboto; } .item { -ms-transform: rotate(270deg) matrix(-1,0,0,1,0,0); transform: rotate(270deg) matrix(-1,0,0,1,0,0); height: 20px;width: 30px;margin: 10px 0; background: #039be5; text-align: center;line-height: 20px; display: inline-block; }

 
1
 
2
 
3
 
4
 
5
 
6
 
7
 
8
 

css有个分列的column属性

.itemContainer { width:100px; column-count:2; } .item { height: 20px; width: 30px; margin: 10px 0; background: #039be5; text-align: center; line-height: 20px; display: inline-block; }