html - 如何在div中灵活显示div

标签 html css flexbox

我想知道是否有任何方法可以制作一个 flex div,其中将包含一些小的 div,具有固定的宽度和高度,具体取决于用户。这意味着一些用户可能没有要显示的 div,而另一些用户可能有一百个 div 可以显示。

我想知道是否有人知道如何根据分割的数量和屏幕的宽度使这些分割在主 div 中合理化(例如,大屏幕的用户可能喜欢每行 10 个分割,使用手机的人每行应该看到 1 或 2 个元素)。

我知道我可以通过硬编码响应来做到这一点,但是有什么方法可以让智能和干净的 CSS 代码满足我的期望吗?

最佳答案

试试 flex-wrap 属性 - flex-wrap: wrap;

https://jsfiddle.net/kozleek/w86qq9tt/6/

关于html - 如何在div中灵活显示div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44608908/

相关文章:

html - 嵌套 flexbox 容器宽度的不同浏览器行为

jquery - 根据 flexbox 容器的高度设置字体大小

php - 如果特定级别更改字体大小?

css - 所有可用的 CSS 颜色列表(用于背景)

javascript - 打印 Bootstrap 模态数据

jquery - 带有刻度尺的响应式 jQuery slider ,起点和终点将动态变化

html - 用 div 包装子菜单项 - WordPress

html - Flexbox 计算器没有正确对齐

javascript - 动态创建的 Bootstrap 表松散间距调整

javascript - 使用 JavaScript 向下滚动 div 时平滑滚动,向上滚动时卡顿且缓慢