javascript - 如何判断 flex 元素是否被包装

标签 javascript html css flexbox

如果flex-item,我需要应用不同的样式正在被包裹。我找不到cssjs指示 flex-item正在被包裹。

浏览器必须知道该元素正在被包装...

我可以在哪里将其冒泡以影响所应用的样式?

包裹时我需要有一个“间隔”边距,但当 flex 元素未包裹时,应删除边距。

Margin must be applied when wrapped

Margin should be reduced when not being wrapped

最佳答案

对我来说最好的解决方案是在每个 Flex 子项被包装后添加一个属性“wrapped”,并在它们未包装时将其删除。这可以通过将 Flex 容器的宽度与 Flex 子项的宽度总和进行比较来完成。写完后我会发布一个代码片段。

浏览器应该向包装的 Flex 元素添加一个属性。

关于javascript - 如何判断 flex 元素是否被包装,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38188997/

相关文章:

javascript - 搞清楚 Node.js + Redis + Express.js 和可爱的异步回调

css - 内容 DIV 被页脚隐藏

javascript - 联系表格 - 仅在 html 中包含的 Html 和 Javascript (tumblr)

html - 如果有 1 行减去页脚,则内容占据视口(viewport)全高的网页模板

javascript - 服务器响应后 CSS 被删除

javascript - Node server.js - 无法获取/

css - Navbar Bootstrap 允许一项在汉堡包字形图标之外

javascript - 为什么此代码不滚动到 keydown 上的定位类?

javascript - 下拉菜单 - 选择 2 个不同下拉菜单时值发生变化

javascript - 如何在进行大量计算时保持 gif 动画运行