在Web開發中，我們經常會遇到需要將某個方塊居中的情況。通常，使用CSS可以輕松實現這一目標。

.center{
width: 200px;
height: 200px;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

首先，我們創建了一個名為“.center”的CSS類，并定義了元素的寬度和高度為200像素。接下來，我們使用“margin:auto”來使該元素在水平方向上居中對齊。而在垂直方向上，我們使用了絕對定位（position:absolute）以及相對于主體元素的（top:0; left:0; bottom:0; right:0）坐標定位，使其在垂直方向上居中對齊。

在實際開發中，我們可以將其應用于很多場景，比如需要在頁面中心顯示一個模態框或者導航欄等等。使用這種方法，我們可以輕松地將元素居中，讓我們的頁面更加美觀。