html 设置宽等于高

HTML提供了一种简单的方式来设置元素的宽度等于其高度。我们可以使用CSS中的'padding-top'和'width'属性，并将它们设置为相同的值。

div {
    padding-top: 100%;
    width: 100%;
}

以上代码可以让div元素的宽度和高度相等。这个技巧可以用于设置正方形或圆形图像的容器大小。例如：

.square {
    padding-top: 100%;
    width: 100%;
    background-color: #ccc;
}
.circle {
    padding-top: 100%;
    width: 100%;
    border-radius: 50%;
    background-color: #333;
}
    

以上代码可以创建一个正方形容器和一个圆形容器，它们的大小相等。使用'border-radius'属性可以将角度转换为圆角，这样我们就可以创建一个圆形容器。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！