这里没有用vue, 用vue就很方便了, v-for, 然后根据下标计算一下可以给每个头像的left赋值, 不用一个个写了
<div class="box">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
.box {
position: relative;
}
.box div {
position: absolute;
width: 100px;
height: 100px;
border-radius: 50%;
background-color: pink;
border: 2px #fff solid;
}
.box div:nth-child(2) {
left: 75px;
}
.box div:nth-child(3) {
left: 150px;
}
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.8k 阅读✓ 已解决
仅供参考:大盒子flex布局,包裹图片的小盒子flex-shriking:0,flex-grow:0,在加上一个margin-left:负值。