Question

移动端里一个大div框里面套6张大小相同的图片 代码该怎么写

大div的尺寸是1080*548 里面的图片是上3张下3张

Answer 1

可以用nth-child(n)试下
<div class="img">
<img src="" alt=""/>
<img src="" alt=""/>
<img src="" alt=""/>
<img src="" alt=""/>
<img src="" alt=""/>
<img src="" alt=""/>
</div>

<style>
.img{
position: relative;
z-index: 0;
width: 800px;
height: 600px;
}
.img{
position: absolute;
}
.img img:nth-child(1){
top: 0;
left: 0;
}
.img img:nth-child(2){
top: 0;
left: 50px;
}
.img img:nth-child(3){
top: 0;
left: 100px;
}
</style>

追问

如果要改成上面三张下面三张呢