CSS寫彈性正方形是一種優(yōu)雅的布局方式。相比于使用固定大小的盒子，彈性正方形能夠自適應(yīng)不同的屏幕尺寸，更適合響應(yīng)式布局。

.square {
width: 50%;
padding-bottom: 50%;
/* 設(shè)置 padding-bottom 為寬度的 50% 可以讓盒子形成正方形 */
background-color: #f4f4f4;
/* 可以自定義背景顏色 */
}

上面的代碼會創(chuàng)建一個彈性正方形，它的寬度和高度都是父元素寬度的一半。我們使用 padding-bottom 屬性來實現(xiàn)這個功能，同時也可以隨意改變盒子的背景顏色。

為了讓彈性正方形居中，我們可以使用以下代碼：

.center {
display: flex;
justify-content: center;
align-items: center;
/* 居中 */
}

以上代碼使用了 flex 布局來實現(xiàn)垂直和水平居中。我們可以將 .center 作為彈性正方形的父元素來實現(xiàn)居中效果。

總結(jié)一下，CSS寫彈性正方形的關(guān)鍵在于：
1. 使用 padding-bottom 屬性來保證寬度和高度相等；
2. 可以隨意改變盒子的背景顏色；
3. 使用 flex 布局來實現(xiàn)居中效果。