Discussion :

[Sylvain245]

Bonjour,

J'ai un bloc contenant une description de longueur variable, et donc la hauteur de bloc augmente selon les besoins.

Hors, lorsque que la description est trop longue, je met un overflow:hidden au bloc. J'aurais aimer savoir, s'il est possible en css, d'afficher des '...' lorsque la hauteur d'un bloc dépasse le max-height

Pour un exemple, voir la page d'accueil de mon site web

http://www.all-game-event.com

la technique du text-overflow ne semble pas fonctionner.

Merci

[ornitho13]

pour pouvoir utiliser le text-overflow:ellipsis, il faut rajouter white-space:nowrap;

Exemple pour ton code:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
p.descriptionDuJeu {
   font-size: 1em;
   line-height: 1.2em;
   margin: 0.5em 1em 0em;
   max-height: 7.7em;
   overflow: hidden;
   position: relative;
   text-align: left;
   text-overflow: ellipsis;
   white-space: nowrap;
}

Par contre le problème c'est que tu n'auras qu'une seule ligne suivi de '...' et là je n'ai pas encore de solution pour cela.