CSS : ajouter 3 petits points après un texte qui dépasse avec text-overflow ellipsis
Mars 2013
En HTML/CSS, il arrive que du texte contenu dans un élément de largeur fixe soit trop long pour être affiché en entier.
La propriété CSS text-overflow: ellipsis; permets d'ajouter automatiquement trois petits points (points de suspension) à la fin d'un texte ainsi tronqué :
h1{
text-overflow: ellipsis;
width: 200px;
}
Après avoir lu toujours afficher la première ligne excel vous en saurez d'avantage sur ce sujet.
Bien entendu, ces pointillés ne sont affichés que lorsque le texte est trop grand pour être affiché dans son intégralité. Si ça passe, pas de petits points etc...
Découvrez ce tutoriel photoshop : transformer une photo en bd à lire tout de suite !
5 commentaires :
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width:200px;
}
je sais pas si en % ou en vw ca marche avec les tailles et si il faut obligatoirement un display block par contre