Discussion :

[flamant]

Bonjour,

j'essaye de faire un retour à la ligne pour un label de la manière suivante

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div class="small-6 columns" >
	<label class="label search" for="searchPartNumber" style="word-wrap: break-word !important;"
		id="label-submenugroupingparts-column1-partnumber" ></label>
</div>

Mais ça ne marche pas. Merci d'avance pour votre aide

[NoSmoking]

Bonjour,
sans contenu ton SPAN ne craint pas de passer à la ligne d'autant que c'est un élément qui par défaut est inline.

[flamant]

Bonjour Nosmoking et merci pour ta réponse,

en fait il y a un contenu. c'est géré à partir de l' id qui remplace le contenu du label par un message internationalisé

[NoSmoking]

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<span>Ce texte qui n'est pas très long<br> va quand même à la ligne.</span>

[Invité]

Bonjour,
si tu veux que le contenu passe automatiquement à la ligne, il faut ajouter display:inline-block; et imposer une largeur (en px ou %...) au <label>.

[salsacobo]

Ton label doit avoir une dimension. Pour cela tu dois changer le mode d'affichage par défaut du label (inline) et le passer en inline-block ou block avec l'attribut display
display : inline-block
ou
display : block