怎样通过CSS和js强制图片显示为正方形

Question

很明显，CSS并没有下面这样的写法：

.text img {width:50%;height=width;}

那么如何强制图片为正方形显示呢？宽度不固定的情况下

Answer 1

 <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>