css - 如何使用 Flexbox 破坏对象并做出正确 react

标签 css reactjs flexbox

我有一种情况,元素按行分组,以便当行中的一个元素调整大小时,它们的高度相同,但是当屏幕变小时,我想 flex 列中的元素,但稍微改变它们的顺序。问题是我不想为这种不同的布局创建单独的 react 组件。我这里有一张图:enter image description here

最佳答案

将其添加到外部 div 的样式中

   flexWrap: 'wrap'

检查doc了解更多信息

关于css - 如何使用 Flexbox 破坏对象并做出正确 react ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43108743/

相关文章:

javascript - 在 reactJS 中调用 fetch 时需要修改 onClick 函数中的 URL

html - 在 CSS 中居中图像

css - 在 LESS Mixins 中实现 css 行为属性

表中带有边框半径的 JQuery slimScroll 在 IE 8 中不起作用

javascript - MVC 5 中带有日期选择器图标的文本框

html - 为什么 flex 给 hr 元素宽度为 0?

html - 如何应用边距以使元素不超过 100% 宽度?

css - 检查包含 kendo-ui 样式的页面中的元素时,Google Chrome Devtools 崩溃

javascript - Ant Design/antd 日历在模态内不起作用

javascript - PUT 请求在 Axios 上不起作用