Comment est-ce que je peux contrôler la largeur d’une étiquette ?

Question

L’étiquette n’a pas la propriété « width », alors comment dois-je contrôler la largeur d’une balise label ?

Answer 1

En utilisant le CSS, bien sûr...

Le `` attribut est déconseillée et CSS doit toujours être utilisé pour contrôler ces sortes de styles de présentation.

Answer 2

à l’aide de l’inline-block est meilleur parce qu’il ne force pas les autres éléments et/ou contrôles puissent être dessinés dans une nouvelle ligne

Answer 3

Des éléments en ligne (comme la DURÉE, ÉTIQUETTE, etc.) sont affichés afin que leur hauteur et la largeur sont calculés par le navigateur en fonction de leur contenu. Si vous souhaitez contrôler la hauteur et la largeur que vous avez à changer les éléments des blocs.

display: block; rend l'élément affiché comme un bloc solide (comme les balises DIV), ce qui signifie qu'il y a un saut de ligne après l'élément (il n'est pas inline). Bien que vous pouvez utiliser display: inline-block résoudre le problème de saut de ligne, cette solution ne fonctionne pas dans IE6 parce que IE6 ne reconnaît pas inline-block. Si vous voulez qu'il soit de la croix-navigateur compatible ensuite, regardez cet article: http://webjazz.blogspot.com/2008/01/getting-inline-block-working-across.html

Answer 4

label {
  width:200px;
  display: inline-block;
}

OR 

label {
  width:200px;
  display: inline-flex;
}

OR 

label {
  width:200px;
  display: inline-table;
}

Answer 5

Vous pouvez définir la , par exemple à , et largeur s’appliqueront aux `` élément