J'ai l'exigence suivante:
où Codepen Link est: Comment puis-je résoudre ce problème pour être J'utilise image , nom et est est Taille régulière , mais le mien a l'air impair et irrégulier . Voir ceci:
https://codepen.io/anisharya16/pen/vylznmj
réactif et Taille de la carte régulière , il devrait y avoir aucune modification de HTML ? Besoin d'aide.
html , SCSS , vanilla javascript
3 Réponses :
Appliquer ci-dessous CSS en titre de carte
Ajouter également Affichage: flex; et align-items: centre; pour centrer le nom verticalement
Propriété min-hauteur travaillée avec valeur 65px, merci
Quelques solutions:
Vous pouvez définir une hauteur maximale avec Vous pouvez définir le paragraphe pour ne pas casser la ligne avec Pour de très grands noms, vous pouvez définir un "..." de sorte que le nom ne va pas au-delà de la carte de la carte, en utilisant
La propriété min-hauteur a fonctionné pour moi. Et je garderai à l'esprit votre suggestion. Merci!
En fait, l'idéal est de définir une taille maximale pour votre DIV, la hauteur minimale se brisera si vous avez un nom très long, faites un test
En fait, j'ai fait, alors j'ai utilisé Overflow et Text-Overflow Propriété. Merci
Appliquer les règles suivantes:
<section> <main class="card__wrapper"></main> </section>
On dirait que vous devez restreindre le champ Nom à une hauteur min / max.
Veuillez inclure le code concerné dans la question elle-même, pas dans un lien vers un site Web séparé. Voir exemple de reproductible minimal .
@Tim Comment puis-je modifier CSS en SCSS dans le code-code lors de la modification?
Je ne suis pas conscient que vous pouvez, mais vous pouvez partager votre code dans la question même si ce n'est pas un extrait.
J'ai donné un lien de Codepen pour l'accessibilité des développeurs, mais à partir de la prochaine fois, je posterai le code avec la question.