在CSS中，我們可以使用一個簡單的技巧來實現(xiàn)寬度等于高度，這個技巧主要利用了CSS的padding屬性，通過調(diào)整內(nèi)邊距來匹配元素的寬度和高度。

我們需要創(chuàng)建一個新的CSS類，用于定義元素的寬度和高度，在這個類中，我們可以設(shè)置width和height屬性，以確保元素具有相同的寬度和高度。

.square {
  width: 100px;
  height: 100px;
}

我們可以使用padding屬性來調(diào)整元素的寬度和高度，通過將padding-top和padding-bottom設(shè)置為相同的值，我們可以確保元素的寬度和高度相等。

.square {
  width: 100px;
  height: 100px;
  padding-top: 50px;
  padding-bottom: 50px;
}

在這個例子中，元素的寬度和高度都是100像素，但是由于我們添加了50像素的內(nèi)邊距，元素的寬度實際上變成了150像素，高度也變成了150像素，元素的寬度和高度都等于其內(nèi)邊距的兩倍。

這種方法可以用于創(chuàng)建具有相同寬度和高度的元素，無論元素的原始尺寸如何，通過調(diào)整內(nèi)邊距的大小，您可以輕松地控制元素的寬度和高度，這種方法在創(chuàng)建響應(yīng)式布局或需要***控制元素尺寸的設(shè)計中非常有用。