對于網頁的布局，我們通常需要將不同的塊元素擺放到同一行或同一列，同時使它們之間的距離相同。下面介紹幾種使用CSS來實現相同距離的方法：

/* 方法1：使用margin */
 .box {
display: inline-block;
margin-right: 10px;
 }
/* 方法2：使用flex布局 */
 .container {
display: flex;
justify-content: space-between;
 }
 .item {
flex-basis: calc((100% - 20px) / 3);
 }
/* 方法3：使用grid布局 */
 .container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 10px;
 }
 .item {
/* 留空 */
 }

以上代碼中，方法1通過設置塊元素的margin-right來實現相同距離的效果；方法2使用了CSS3的flex布局，通過設置容器的justify-content為space-between來將各元素平均分布在容器內部；方法3則使用了CSS3的grid布局，通過設置容器的grid-template-columns和grid-column-gap來實現相同距離的效果。

使用哪種方法取決于實際需求和目標瀏覽器的支持情況。如果主要使用現代瀏覽器，那么推薦使用flex或grid布局，它們能夠更加方便、靈活地實現布局效果。