css (image en haut, texte en haut, affichage vertical et 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>
projet |
Valeur |
Commentaire |
justifier-contenu |
l'espace entre |
Laisser de l'espace des deux côtés de l'élément |
direction flexible |
rangée |
Placer tous les éléments sur une seule ligne |
direction flexible |
colonne |
Éléments affichés verticalement |
.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;
}