页面已满时项目会发生变化吗？

Question

我正在努力使这个网站中有多个项目。所有这些都将是相同的宽度和高度，我希望能够尽可能多地添加。我遇到的问题是，如果我有太多，而不是转移到下一行，它会扩大页面。

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

我正在使用HTML＆amp; 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;
}

Answer 2

在面板元素上使用display: inline-block;。这将使面板在到达行尾时进入下一行。

Answer 3

display: inline-block

应该做的伎俩