css 让高度等于宽度 |隐藏th css

要让一个元素的高度和宽度相等，可以使用下面这个CSS代码：

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

上述代码中，大家给该元素设置了宽度和高度都为100像素，这样就可以让这个元素成为一个正方形。

另外，如果你想让这个正方形响应式地缩放大小，可以使用下面这个CSS代码：

.square{
width: 100%;
padding-bottom: 100%;
}

这个代码的原理是给该元素设置宽度为100%，然后通过padding-bottom属性来使元素高度达到和宽度相等，padding-bottom的值为100%是因为使用了相对于宽度的百分比值。这样，无论该元素在何种设备上，都可以保持正方形的形状。

总之，让高度和宽度相等是CSS中一项基本的技能，大家可以用上述CSS代码轻松地实现这个需求。