如何使一个CSS元素适合另一个元素？

Question

我有这个流通的对象，我想将它与另一个适合橙色圆圈的对象连接起来。

我希望红色物体适合橙色圆圈

总的结果我想做类似的事情，但要加上圆圈

HTML

我使用vuejs制作循环div

executeBatch

CSS（无礼）

<div class="wrapper">
    <div class="circle-container">
        <div class="circle" v-for="i in 30"></div>
            <div class="test">
            <div class="circle2" v-for="i in 5"></div>
        </div>
    </div>
</div>

Answer 1

尝试.test：

.test {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
}