3 votes

css set maximum table row height despite content

J'essaie de créer un tableau dont chaque cellule a une largeur fixe mais des hauteurs absolues et variables. Par exemple dans la première colonne la première ligne serait de 20px, la deuxième de 65px, la troisième de 20px. Dans la deuxième colonne, la première ligne serait de 20px, la deuxième de 45px, la troisième de 40px. Et dans la dernière colonne, la première ligne serait de 20px et la deuxième de 85px.

what I want

Tout cela fonctionne bien si les cellules du tableau sont vides ou suffisamment grandes pour le contenu. Cependant, si le contenu est plus grand que ce que la cellule peut contenir, la ligne s'étendra verticalement alors que j'aimerais que le contenu supplémentaire soit caché.

what i'm getting

J'ai essayé d'utiliser

overflow:hidden

pour les <tr >, <td >, et faire de même en plaçant le contenu dans un <div >, mais aucune ne semble me permettre d'obtenir ce que je recherche. Je n'ai aucune idée de la façon dont je pourrais contraindre la hauteur de la ligne à une valeur absolue avec tout contenu supplémentaire caché plutôt que d'étendre la ligne. Je préférerais le garder dans un tableau, mais si ce n'est pas possible et que je dois utiliser une autre technique d'affichage, je suis ouvert à l'idée.

3voto

Sinan Taifour Points 3878

Lors de l'utilisation du div avez-vous essayé de définir une hauteur pour le fichier div lui-même tout en lui donnant un overflow: hidden style ?

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X