HTML结构
<body>
<div class='box'>
<div class='item'></div>
<div class='item'></div>
<div class='item'></div>
</div>
css
.box{
width:90px;
height:90px;
border: 5px solid black;
border-radius:5px;
display:flex;
}
.item{
height: 20px;
width: 20px;
background: red;
border-radius: 50%;
margin:5px;
}
.item:nth-child(2){
align-self:center;
}
.item:nth-child(3){
align-self:flex-end;
}
效果图