Utiliser Flexbox pour implémenter le saut de ligne du texte

Si vous êtes célibataire, vous pouvez vous aider vous-même.

Rank-LV1-Photonflux.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide

Posté le 2 décembre à 15:44

4391

Lorsque vous utilisez Flexbox dans Elementor, les sauts de ligne provoquent des anomalies de mise en page dans les éléments enfants. Comment puis-je m'assurer que les éléments enfants s'insèrent toujours étroitement dans le conteneur lorsque des sauts de ligne se produisent, et que l'espace restant est réparti uniformément entre les éléments enfants sans avoir à ajouter manuellement des sauts de ligne ?

Pouvez-vous faire en sorte que cela se produise ?

Les éléments enfants doivent toujours rester à l'intérieur de leur "boîte" (bordure noire).
que l'espace résiduel puisse être réparti uniformément entre les sous-éléments.
Il n'est pas nécessaire d'ajouter manuellement des sauts de ligne.

Contactez nous
Vous ne pouvez pas lire l'article ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.

note (du travail de l'élève)

N'hésitez pas à noter Ta

.parent { display : flex ; flex-wrap : wrap ; flex-wrap : wrap ; justify-content : space-between ; /* ou space-evenly */ justify-content : space-between ; /* ou space-evenly */ } .child { flex-grow : 1 ; flex-shrink : 1 ; } flex-shrink : 1 ; flex-basis : 30% ; /* or set width */ } .child { flex-grow : 1 ; flex-shrink : 1 ; flex-basis : 30% ; /* or set width */ } flex-basis : 30% ; /* ou définir la largeur */ box-sizing : border-box ; padding : 10px ; /* inner-margin */ padding : 10px ; /* marge intérieure */ min-width : 200px ; /* largeur minimale */ }

Utiliser Flexbox pour implémenter le saut de ligne du texte

Veuillez vous connecter pour poster un commentaire