javascript - 你如何 "stack" flex 元素在单独的列中?

标签 javascript html css ajax flexbox

我已经使用 flex 属性和 flex-flow:column nowrap 显示了我的元素。我已经快速显示了我的元素的样子:[this]

很明显,我不能将两列堆叠在一起,因为我正在使用 ajax 调用为每个元素编号,我的左列用于偶数,右列用于奇数。我想知道如何在不破坏代码的情况下实现这一目标。我这样做是为了让它能够响应移动用户。

最佳答案

我不明白你为什么要这样做?

当屏幕尺寸变小时,您可以将其分成几行,并删除一个占位符。这样,您就可以保持一切简单明了。

- container
-- row
--- box
--- placeholder
--- box
--- placeholder

像这样:http://jsfiddle.net/d9jg1p2s/


编辑:忘记删除移动尺寸的占位符。 给你:http://jsfiddle.net/d9jg1p2s/1/

关于javascript - 你如何 "stack" flex 元素在单独的列中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53822380/

相关文章:

javascript - 谷歌地图在 Bootstrap 列中显示为细线

javascript - innerHTML = Date() 在 fiddle 中工作,但在 Chrome 或 IE 中不起作用

html - 如何在 bootstrap 4.3.1 中垂直对齐具有不同标签长度的输入字段?

javascript - 在经典asp中点击按钮调用多个函数

javascript - 无法覆盖 Cypress 拦截

javascript - 如何使用 jQuery 切换样式表?

javascript - 显示任何访问者最近访问过的 html 页面

javascript - (Javascript) CSS width() 属性在窗口调整大小之前不应用

html - 每行中具有相同高度单元格的表格布局

css - 当用户减小窗口大小时,如何使 div 相互堆叠?