如何將 div 網格居中（純 JS 和 CSS）

Question

我正在制作一個像素藝術制作器，用戶可以在其中輸入自己的網格尺寸。 我有自己的網格，但我有兩個問題。 首先，我似乎無法將網格居中。 我的網格由多個 div 組成。 我試過了：

grid-square {
   margin: auto;
}

但這會將所有網格 div 彼此隔開。 我不能讓任何其他工作。 有什么建議？

https://jsfiddle.net/2L3hjfba/2/

聚苯乙烯

此外，如果網格太大，它會使 div 重疊，因此也非常感謝任何幫助！

Answer 1

我找到了答案！ 從技術上講，網格的每一行都占據了容器的整個長度。 所以，我只需要將行顯示為 flex 並將 justify-content 設置為 center 以將整個網格居中。

Answer 2

嘗試這個！

.row {
    justify-content: center;
}

這將幫助您將畫布居中。