CSS: limite l’élément à 1 ligne

Je souhaite limiter un élément pour afficher uniquement une ligne de texte, le rest étant masqué (dépassement: masqué), sans définir de hauteur spécifique. Est-ce possible avec juste CSS?

C’est possible:

element (white-space: nowrap; overflow: scroll;) 

Le texte analysé au format HTML ou XML est segmenté, ce qui signifie que toutes les exécutions d’espaces sont réduites à un seul caractère d’espace. Cela signifie que vous aurez une seule ligne de texte à moins que vous ne spécifiiez quelque chose en plus de la déclaration de dépassement qui pourrait provoquer un retour à la ligne de votre texte.

EDIT: je n’ai pas réussi à inclure la propriété write-space: nowrap nécessaire, sinon, par défaut, un conteneur défilera verticalement en opposition à horizontalement.

 p#foo { white-space:nowrap; overflow:hidden; } 

Utilisez le bloc d’affichage pour qu’il ne dépasse pas votre élément parent.

 p#foo{ white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; } 

Si vous souhaitez désactiver le white-space: nowrap; ligne, utilisez white-space: nowrap; .