CSS盒子是前端開發中非常重要的一部分，它們可以用于創建布局和排列頁面中的元素。在許多情況下，我們需要以自動整齊的方式排列盒子，這里我們介紹一些方法來實現。

一種最常見的方法是使用CSS中的浮動屬性。我們給每個盒子添加一個相同的寬度，并通過使用float屬性將它們從左到右浮動。如下所示：

.box{
width: 100px;
height: 100px;
float: left;
}

當然，這個方法僅僅適用于元素有相同尺寸的情況，并且如果寬度不相同，可能會出現排列不整齊的情況，所以我們可以使用另外一種方法：

Flexbox是一個比較新的CSS屬性，它使得元素在一個容器內自動排列，可以輕松地水平和垂直居中和排序元素。如下所示：

.container{
display: flex;
flex-wrap: wrap;
}
.box{
width: 100px;
height: 100px;
margin: 10px;
}

在這個例子中，我們定義了一個包含所有盒子的容器，通過將display屬性設置為flex，并設置flex-wrap屬性可以讓元素自動換行。我們可以在這個容器內定義盒子的寬度，高度和外邊距。此方法可以使所有元素垂直和水平居中并且自動排列。

綜上，以上的兩種方法都可以通過簡單地設置來實現CSS盒子自動整齊排列。通過使用浮動元素或Flexbox屬性，可以在網站開發中使用自動排列的盒子，而無需手動將它們放置在頁面上。