CSS : comment empêcher le texte d'occuper plus d'une ligne ?

Question

Existe-t-il un attribut word-wrap ou tout autre attribut qui empêche le texte de s'enrouler ? J'ai une hauteur, et overflow:hidden, et le texte se casse toujours.

Il doit fonctionner dans tous les navigateurs, avant CSS3.

Answer 1

<div>test that doesn't wrap</div>

<style type="text/css">
div {
  white-space: nowrap;
  overflow: hidden;
}
</style>

Note : cela ne fonctionne que sur les éléments de type bloc. Si vous avez besoin de faire cela sur des cellules de tableau (par exemple), vous devez mettre un div à l'intérieur de la cellule de tableau car les cellules de tableau ont un display table-cell non block.

Answer 2

White-space : nowrap

Answer 3

Parfois, l'utilisation de "&nbsp ;" au lieu d'un espace peut fonctionner. Mais il est clair que cela présente des inconvénients.