les astuces de l'intégrateur : simuler un paragraphe limité en caractères
Par Simay le mercredi, mars 19 2008, 21:11 - Xhtml, Css, JS & PHP - Lien permanent
Nous allons voir comment simuler le fait qu'un paragraphe est limité en nombre de caractères, il est vrai qu'avec l'utilisation de certains CMS, il n'est pas toujours évident de limiter en un certain nombre de caractères. Il existe pourtant une astuce qui permet d'afficher uniquement un certain nombre de lignes. Il suffit d'appliquer une hauteur à un bloc puis une hauteur de ligne (line-height) qui est un multiple de la hauteur du bloc (ce multiple va définir le nombre de lignes affichées). Enfin, on va appliquer, une propriété qui va permettre de masquer tout ce qui dépasse de notre bloc ; overflow:hidden;.
Voici de que nous donne le code CSS au final:
height:3em; line-height:1em; overflow:hidden;
Commentaires
Excellente astuce \o/