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;