页面已满时移动的项目？

Question

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

我已经尝试设置一个最大宽度，将所有的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; 
} 

Answer 2

使用display: inline-block;您的面板元素。当到达该行的末尾时，这将使面板进入下一行。

Answer 3

display: inline-block 

应该做的伎俩