css (imagem no topo, texto no topo, exibição vertical e horizontal)
<div class="son">
<img src="./img/me.png" alt="">
<text class="info">数码产品</text>
</div>
<div class="son">
<img src="./img/me.png" alt="">
<text class="info">数码产品</text>
</div>
<div class="son">
<img src="./img/me.png" alt="">
<text class="info">数码产品</text>
</div>
</div>
projeto |
Valor |
Comente |
justificar-conteúdo |
espaço entre |
Deixe espaço em ambos os lados do elemento |
direção flexível |
linha |
Coloque todos os elementos em uma linha |
direção flexível |
coluna |
Elementos exibidos verticalmente |
.dad {
width: 50%;
height: 50%;
justify-content: space-between;
flex-direction: row;
display: flex;
}
.son {
left: 10px;
display: flex;
flex-direction: column;
align-items: center;
}
.son img {
width: 12px;
height: 12px;
}