很明显,CSS并没有下面这样的写法:
.text img {width:50%;height=width;}
那么如何强制图片为正方形显示呢?宽度不固定的情况下
很明显,CSS并没有下面这样的写法:
.text img {width:50%;height=width;}
那么如何强制图片为正方形显示呢?宽度不固定的情况下
<div class="wrap">
<div class="div">
<img src="">
</div>
</div>
<style>
.wrap{width:50px;}
.div{
width:100%;
height:0px;
padding-bottom:100%;
position:relative;
}
.div img{
width:100%;
height:100%;
position:absolute;
}
</style>