頁面已滿時移動的項目？

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 

應該做的伎倆