html - 页面已满时元素移动？

Question

我正在尝试制作一个包含多个元素的网站。它们的宽度和高度都相同，我希望能够添加尽可能多的。我遇到的问题是，现在如果我有太多，而不是转移到下一行，它会加宽页面。

我曾尝试通过将所有 div 放在一个通用 div 中并将该 div 设置为 100vw 来设置最大宽度，但这也不起作用。

我正在使用 HTML 和 CSS 执行此操作，但如果需要 JS，我可以接受。

Answer 1

尝试将以下 CSS 属性添加到您的样式表中:

/* to your div container */
.container {
    max-width: 100vw;
    word-break: break-all;
}

/* to your panel items */
.panel {
    display: inline-block;
}