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;
.