[CSS 2.1] Texte dans un div qui va à la ligne

[raztam]

Bonjour,

Voilà mon problème.
Je mets du texte dans un <div> (<div>Bla bla bla bla bla... </div>). La largeur de mon div est par exemple 200px. Je veux que ce texte tienne sur une seule ligne. Le problème c'est que quand je diminue le zoom de mon navigateur (75%, 50%, ...), eh bien ce texte va se mettre sur deux voire trois lignes. Je visite d'autres sites web et je vois que même si je diminue le zoom affichage de mon navigateur, les textes sont bloqués dans les div. Est-ce que quelqu'un pourrait me dire comment on fait ça ?? Parce que j'ai peur de ne pas contrôler la façon dont ma page va s'afficher en fonction des écrans qui le verront.

Merci d'avance pour vos réponses. :-)

[Nesmontou]

Bonjour,

Tu peux utiliser les propriétés overflow et white-space

Code :

1
2
3
4
5
div {
	overflow: hidden;
	white-space: nowrap;
	width: 300px;
}

Bon développement