Comment aligner une étiquette et une zone de texte?

finit comme

XXXXX XXXXX Description: XXXXX 

je veux

  XXXXX Description: XXXXX XXXXX 

“Description” couvre parfois plusieurs lignes.

Code:

 


CSS:

 .DataForm { } .DataForm label { display: inline-block; font-size:small; margin-left:5px; width:5%; min-width:60px; } .DataForm input { margin-right:9px; display: inline-block; width:21%; min-width:30px; } 

Vous devez les placer tous les deux dans un élément conteneur et y appliquer l’alignement.

Par exemple:

 .formfield * { vertical-align: middle; } 
 

Il suffit d’envelopper la zone de texte avec l’étiquette et de définir le style textarea

 vertical-align: middle; 

Voici un peu de magie pour tous les textareas sur la page 🙂

   
  1. Définissez la height de votre étiquette à la même height que la zone de texte multiligne.
  2. Ajoutez cssClass .alignTop{vertical-align: middle;} pour le contrôle d’étiquette.

     

Utilisez vertical-align:middle dans votre CSS.

 
Description:

Essaye ça:

 textarea { vertical-align: top; }​ 

Essayez de définir une hauteur sur vos éléments td.

 vertical-align: middle; 

signifie que l’élément auquel le style est appliqué sera aligné dans l’élément parent. La hauteur du td peut être aussi élevée que le texte à l’intérieur.

Aligner la zone de texte sur l’étiquette, pas l’étiquette sur la zone de texte,

 label{ width:180px; display:inline-block; } textarea{ vertical-align:middle; }