Html 如何浮动和垂直排序元素?
我有浮动的元素,宽度为20%(每行5个元素) 看起来是这样的:Html 如何浮动和垂直排序元素?,html,css,Html,Css,我有浮动的元素,宽度为20%(每行5个元素) 看起来是这样的: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 1 4 7 10 13 2 5 8 11 14 3 6 9 12 15 我现在想要的是垂直“排序”它们。看起来是这样的: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 1 4 7 10 13 2
1 2 3 4 5
6 7 8 9 10
11 12 13 14 15
1 4 7 10 13
2 5 8 11 14
3 6 9 12 15
我现在想要的是垂直“排序”它们。看起来是这样的:
1 2 3 4 5
6 7 8 9 10
11 12 13 14 15
1 4 7 10 13
2 5 8 11 14
3 6 9 12 15
我想不出一个办法来存档
这是否仅适用于CSS,还是我需要PHP或JS来存档?您可以使用CSS3布局
.container{
宽度:100px;
-webkit列数:5;
-moz列数:5;
列数:5;
}
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
您可以使用CSS3布局
.container{
宽度:100px;
-webkit列数:5;
-moz列数:5;
列数:5;
}
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
您想根据每个元素的内容进行排序吗?@cralfaro根据html源中的ordner进行排序,您想根据每个元素的内容进行排序吗?@cralfaro根据html源中的ordner进行排序非常好。现在我只需要考虑IE9Multi columns很难控制的一个好的后备方案,我还添加了flexbox方法。IE9需要JS,但我认为它完全可以用于PHP等后端语言。非常好。现在我只需要考虑IE9Multi columns很难控制的一个好的后备方案,我还添加了flexbox方法。IE9需要JS,但我认为它完全可以用于PHP等后端语言。