在Web設計中，為了實現一些特定的布局效果，我們經常需要設置某個元素的寬度和高度保持一致。而在CSS中，我們可以使用同一個屬性來同時設置元素的長和寬，這個屬性就是width。

.my-element {
width: 200px;
height: 200px;
}

以上CSS代碼就可以讓一個名為.my-element的元素寬和高都為200px。

除了直接指定特定的像素或百分比尺寸外，還可以使用calc()函數來實現長寬相同的布局效果。

.my-element {
width: calc(50% - 10px);
height: calc(50% - 10px);
}

以上CSS代碼可以讓一個元素寬和高都為容器尺寸的一半減去10像素。

當我們需要實現一個正方形的效果時，可以使用如下的方法：

.my-element {
width: 100%;
height: 0;
padding-bottom: 100%;
}

以上CSS代碼可以讓一個元素的寬度和高度都為父元素的尺寸。它的原理是利用了padding值的百分比計算方式。

總之，CSS提供了多種方法讓我們實現長寬相同的布局效果，讓我們在Web開發中更加方便快捷。