Empêcher le retour à la ligne ? [Résolu/Fermé]
Signaler
Kopros
Kopros
- Messages postés
- 597
- Date d'inscription
- mardi 25 septembre 2007
- Statut
- Membre
- Dernière intervention
- 3 février 2020
Kopros
- Messages postés
- 597
- Date d'inscription
- mardi 25 septembre 2007
- Statut
- Membre
- Dernière intervention
- 3 février 2020
Salut à tous,
Alors voilà, dans une page j'ai une div dont j'ai défini la largeur en css (width: 250px;).
Dans cette div, il y a un tableau, et j'utilise le javascript pour ajouter des lignes à ce tableau.
Mon but est que le contenu d'une ligne du tableau tienne en une seule ligne affichée.
Dans mon css j'ai donc mis overflow: auto; pour la div en question.
L'overflow fonctionne bien si je n'ai pas d'espace dans le contenu, et si dans la ligne du tableau il n'y a pas de balise html (ce qui n'est pas le cas). Dès qu'il y a un espace, ou par exemple une balise <img />, le reste du contenu se met à la ligne.
Comment faire pour que tout reste sur une seule ligne ?
Alors voilà, dans une page j'ai une div dont j'ai défini la largeur en css (width: 250px;).
Dans cette div, il y a un tableau, et j'utilise le javascript pour ajouter des lignes à ce tableau.
Mon but est que le contenu d'une ligne du tableau tienne en une seule ligne affichée.
Dans mon css j'ai donc mis overflow: auto; pour la div en question.
L'overflow fonctionne bien si je n'ai pas d'espace dans le contenu, et si dans la ligne du tableau il n'y a pas de balise html (ce qui n'est pas le cas). Dès qu'il y a un espace, ou par exemple une balise <img />, le reste du contenu se met à la ligne.
Comment faire pour que tout reste sur une seule ligne ?
A voir également:
- Css empecher retour à la ligne
- Empêcher le retour à la ligne ? ✓ - Forum - Webmaster
- Retour à la ligne php ✓ - Forum - PHP
- Retour à la ligne google sheet ✓ - Forum - Bureautique
- Retour a la ligne css - Forum - CSS
- Retour à la ligne java ✓ - Forum - Java
2 réponses
Metallica51
- Messages postés
- 47
- Date d'inscription
- jeudi 9 septembre 2010
- Statut
- Membre
- Dernière intervention
- 6 avril 2011
Essaye avec la propriété CSS white-space qui empêche le retour à la ligne automatique.
Cordialement,
Metallica51.
white-space: nowrap
Cordialement,
Metallica51.
Kopros
- Messages postés
- 597
- Date d'inscription
- mardi 25 septembre 2007
- Statut
- Membre
- Dernière intervention
- 3 février 2020
Comme d'habitude, au bout d'un certain temps de recherche, je poste ici, et 5 minutes après je trouve la solution....
Alors, j'ai résolu mon problème en mettant l'attribut nowrap="nowrap" dans les TD de mon tableau.
Pour ajouter ça avec le javascript, j'ai fait un setAttribute('nowrap','nowrap') sur l'objet cellule (au moment où je la crée).
A noter que ça marche aussi avec les div.
Voilà.
Alors, j'ai résolu mon problème en mettant l'attribut nowrap="nowrap" dans les TD de mon tableau.
Pour ajouter ça avec le javascript, j'ai fait un setAttribute('nowrap','nowrap') sur l'objet cellule (au moment où je la crée).
A noter que ça marche aussi avec les div.
Voilà.
