Existe-t-il un mot-wrap ou tout autre attribut qui empêche le texte d'être enveloppé? J'ai une hauteur, et overflow:hidden, et le texte se brise encore.CSS: comment empêcher le texte de prendre plus d'une ligne?
Doit fonctionner dans tous les navigateurs, avant CSS3.
div {
white-space: nowrap;
overflow: hidden;
}<div>test that doesn't wrap</div>Note: ceci ne fonctionne que sur les éléments de bloc. Si vous avez besoin de faire cela pour des cellules de tableau (par exemple), vous devez placer un div à l'intérieur de la cellule du tableau car les cellules du tableau ont une cellule d'affichage non bloquée. À partir de CSS3, ceci est également pris en charge pour les cellules de tableau.
Parfois, l'utilisation de à la place des espaces fonctionnera. Clairement, il a des inconvénients, cependant.
Malheureusement, je ne peux pas le faire dans cette circonstance –
Pour cela, vous pouvez utiliser CSS white-space Property.
white-space: nowrap
L'utilisation d'ellipses ajoutera ... au dernier.
<style type="text/css">
div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
white-space! C'est ce que je cherchais ... 1000 merci ... c'est impossible de google pour! –
Il y a aussi un attribut propriétaire ie appelé word-wrap (IIRC) ... stupide IE. – garrow
En outre considérer "le débordement de texte: ellipse;" Il ajoute le ... à la fin de votre texte s'il dépasse les limites de la largeur de votre conteneur –