Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.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
CSS垂直堆栈_Css_Layout_Html - Fatal编程技术网

CSS垂直堆栈

CSS垂直堆栈,css,layout,html,Css,Layout,Html,我目前有一堆内联块div水平堆叠。当容器装满时,它们会很好地溢出到下一行: 是否可以在不更改HTML的情况下垂直执行相同的操作? 为了生成这张图片,我必须将每一列移动到一个容器div。我无法修改源HTML,因此这不是一个选项 CSS2 唉,据我所知,这在纯CSS和HTML中是不可能的。我知道有一个jQuery插件可以很好地实现这一点 CSS3 使用可以实现问题的布局(尽管它没有上面提到的那么多选项)。IE支持是从10开始的,我想,你可能需要一些浏览器前缀。不带前缀的版本(在容器上)如下所示:

我目前有一堆
内联块
div
水平堆叠。当容器装满时,它们会很好地溢出到下一行:

是否可以在不更改HTML的情况下垂直执行相同的操作?

为了生成这张图片,我必须将每一列移动到一个容器
div
。我无法修改源HTML,因此这不是一个选项

CSS2
唉,据我所知,这在纯CSS和HTML中是不可能的。我知道有一个jQuery插件可以很好地实现这一点

CSS3
使用可以实现问题的布局(尽管它没有上面提到的那么多选项)。IE支持是从10开始的,我想,你可能需要一些浏览器前缀。不带前缀的版本(在容器上)如下所示:


上面的内容是根据链接改编的(尽管也有)。

根据浏览器支持,您可以使用
列计数

column-count: 3;
column-gap: 10px;
width: 480px;