我有这样的CSS。
我想根据卡中元素的数量动态地将卡的位置更改为居中或右对齐：
.section {
display: flex;
flex-wrap: wrap;
background-color: #ffabaf;
max-width: 80vw;
}
.card {
width: 90px;
height: 90px;
background-color: #afafbb;
border: 3px solid;
}<div class="section">
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
</div>例如，当卡片元素的数量为3个或更少时，我想像这样将元素居中：
.section {
display: flex;
flex-wrap: wrap;
background-color: #ffabaf;
max-width: 80vw;
justify-content: center;
}
.card {
width: 90px;
height: 90px;
background-color: #afafbb;
border: 3px solid;
}<div class="section">
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
</div>当卡片元素的数量为4个或更多时，我想像这样将元素向左或向右对齐：
.section {
display: flex; …