Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何浮动和垂直排序元素?_Html_Css - Fatal编程技术网

Html 如何浮动和垂直排序元素?

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

我有浮动的元素,宽度为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   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等后端语言。