[CSS] enlever retour à la ligne
Résolu
okuni
Messages postés
1221
Date d'inscription
Statut
Membre
Dernière intervention
-
le hollandais volant Messages postés 4998 Date d'inscription Statut Membre Dernière intervention -
le hollandais volant Messages postés 4998 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
je suis en train de créer un "nuage de donnée" mais j'ai un soucis graphique.
chaque entrée est dans les balises li (et donc tous entourée par ul).
Ce que j'aimerais c'est que le texte se met en justifié
ça c'est bon mais ce code ne tiens pas compte de mes donnée?
je m'explique, si une de mes données est composé de 3 mots, il est possible que le 3ème mot passe à la ligne et c'est ce que je veux éviter.
Y aurait-il une solution ?
J'ai cru en avoir une avec la propriété
mais alors il n'y a plus aucun retour à la ligne donc mes données sortent du cadre.
je suis en train de créer un "nuage de donnée" mais j'ai un soucis graphique.
chaque entrée est dans les balises li (et donc tous entourée par ul).
Ce que j'aimerais c'est que le texte se met en justifié
text-align: justify;
ça c'est bon mais ce code ne tiens pas compte de mes donnée?
je m'explique, si une de mes données est composé de 3 mots, il est possible que le 3ème mot passe à la ligne et c'est ce que je veux éviter.
Y aurait-il une solution ?
J'ai cru en avoir une avec la propriété
white-space: nowrap;
mais alors il n'y a plus aucun retour à la ligne donc mes données sortent du cadre.
A voir également:
- [CSS] enlever retour à la ligne
- Retour à la ligne excel formule - Guide
- Partager photos en ligne - Guide
- Notepad++ retour à la ligne ✓ - Forum Bureautique
- Retour à la ligne google sheet - Forum Google Docs
- Enlever pub youtube - Accueil - Streaming
5 réponses
Bonjour,
c'est quoi un nuage de données? des données dynamiques? Quoiqu'il en soit si tu veut que des <ul></ul> ou n'importe quelle balise ne fasse pas un retour à la ligne il faut les positionner par rapport aux précédentes, avec float:left par exemple.
Un text-align s'applique au texte CONTENU dans la balise. Donc ce qui est justifié c'est pas la balise mais le texte par rapport à/dans son container(la balise).
float:left;
indique que la balise se positionne(flotte) à la gauche de celle qui la précède (si elle a la place bien sûr, sinon retour à la ligne).
Mais bon pourquoi utiliser un UL puisqu'il est fait pour faire une liste avec un saut à la ligne...je sait que pour les menus c'est souvent employé mais je reste sur mes bons vieux tableaux qui m'obligent pas à faire de la gym à mes balises et vont pas avoir un décalage différent les navigateurs.
c'est quoi un nuage de données? des données dynamiques? Quoiqu'il en soit si tu veut que des <ul></ul> ou n'importe quelle balise ne fasse pas un retour à la ligne il faut les positionner par rapport aux précédentes, avec float:left par exemple.
Un text-align s'applique au texte CONTENU dans la balise. Donc ce qui est justifié c'est pas la balise mais le texte par rapport à/dans son container(la balise).
float:left;
indique que la balise se positionne(flotte) à la gauche de celle qui la précède (si elle a la place bien sûr, sinon retour à la ligne).
Mais bon pourquoi utiliser un UL puisqu'il est fait pour faire une liste avec un saut à la ligne...je sait que pour les menus c'est souvent employé mais je reste sur mes bons vieux tableaux qui m'obligent pas à faire de la gym à mes balises et vont pas avoir un décalage différent les navigateurs.
merci pour vos réponses.
j'ai testé le & nbsp;, ça fonctionne mais je ne sais pas pouquoi, les liens ne sont pas mis à la ligne.
J'ai enlevé les liste en laissant uniquement les liens.
voici un exemple : http://www.blizer.net/tag.html
On voit clairement le bug.
fandecarotte -> je n'aime pas utiliser les tableaux lorsque je peux faire autrement. Pour mettre un design plus "complexe" je trouve que c'est moins pratique.
j'ai testé le & nbsp;, ça fonctionne mais je ne sais pas pouquoi, les liens ne sont pas mis à la ligne.
J'ai enlevé les liste en laissant uniquement les liens.
voici un exemple : http://www.blizer.net/tag.html
On voit clairement le bug.
fandecarotte -> je n'aime pas utiliser les tableaux lorsque je peux faire autrement. Pour mettre un design plus "complexe" je trouve que c'est moins pratique.
Ok merci :) c'était tout con.
mais je ne comprend pas pourquoi il n'y avait pas de retour à la ligne sans l'espace entre les <a>.
mais je ne comprend pas pourquoi il n'y avait pas de retour à la ligne sans l'espace entre les <a>.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Salut !
Il faut utiliser les espaces insécables.
Par exemple, au lieu de
"comment ça marche"
tu fera :
comment[espace insécable]ca[espace insécable]marche.
Un espace insécable sert justement à ça.
Pour l'utiliser, on utiliser l'entité HTML correspondant :
& nbsp; (il ne faut pas d'espace entre le "&" et le "nbsp;"
Il faut utiliser les espaces insécables.
Par exemple, au lieu de
"comment ça marche"
tu fera :
comment[espace insécable]ca[espace insécable]marche.
Un espace insécable sert justement à ça.
Pour l'utiliser, on utiliser l'entité HTML correspondant :
& nbsp; (il ne faut pas d'espace entre le "&" et le "nbsp;"