html中这种图片是如何布局的，又不是正方形？

Answer 1

具体就是一个标签旋转逆时针120度，然后内部的标签旋转顺时针60度，内部的顺时针再旋转60度，相当于图片转正了，overflow: hidden;visibility: hidden;多余的减掉

            .box{

                width: 200px;

                height: 250px;

                overflow: hidden;

                visibility: hidden;

                box-sizing: border-box;

            }

            img{

                width: 100%;

                vertical-align: middle;

                height: 100%;

                

            }

            .box1{

                transform: rotate(-120deg);        

                float: left;    

                margin-right: 10px;

            }

            .box2{        

                transform: rotate(60deg);

            }

            .box3{    

                transform: rotate(60deg);

                visibility: visible;

            }

        <div class="box1 box">

            <div class="box2 box">

                <div class="box3 box">

                    <img src="img/xh.jpg"/>

                </div>

            </div>

        </div>