"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > Pourquoi mon TextArea a-t-il un espace supplémentaire en dessous?

Pourquoi mon TextArea a-t-il un espace supplémentaire en dessous?

Publié le 2025-03-24
Parcourir:229

Why Does My Textarea Have Extra Space Underneath?

Espace supplémentaire sous TextArea: incohérences dépendantes du navigateur

Issue: Espace blanc extra est observé sous les tags de texte, avec des variations de 1 à 4 pixels à travers différents brouteurs. Le balisage html utilisé est simple:

Pourquoi l'élément apparaît
Textarea, étant un élément en ligne (ou en ligne en ligne), réserve un espace pour déception dans le texte. En conséquence, un écart peut apparaître sous la TextArea. La variation de la taille de l'espace entre les navigateurs reste claire.

Solution: ajustement vertical-adign
pour éliminer l'espace supplémentaire, modifiez le CSS pour TextArea:

textarea {
  vertical-align: top;
  /* Additional CSS rules from the original code omitted for brevity */
}

Explication
En définissant le rendement vertical sur le haut, la TextArea est alignée verticalement avec le haut de son contenu, supprimant efficacement l'espace réservé pour les descendants et résolvant l'écart inconséqué.

Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3