CSS如何让img图片显示成正方形

有时候我们在制作前端页面是需要讲图片显示成正方形，方便排版。可以使用以下CSS代码：

.grids2 .grid2{float: left;width: calc(16.6666% - 20px);overflow: hidden;}
.grids2 .grid2 a{width: 100%;height: 0;position: relative;padding-bottom: 100%;display: block;}
.grids2 .grid2 a img{width: 100%;height: 100%;position: absolute;}

其中a标签包裹着图片img标签，然后主要就是看a与img的CSS。