31 December 2013 10:30
CSS - Ellipsie - Table-layaout - text-overflowGérer les débordements de contenus grâce à CSS - Alsacreations
Cas des cellules de tableau.
Le comportement des cellules de tableaux est souvent radicalement différent des autres éléments du document. Ainsi, dans son modèle de rendu par défaut, le contenu prime et décide de la largeur des cellules et du tableau.
Pour rendre word-wrap et text-overflow fonctionnels sur la majorité des navigateurs, il suffit de mettre en pratique le second mode de rendu des tableaux, mal connu : table-layout: fixed :
table {
width: 100%; /* à adapter selon vos contraintes */
table-layout: fixed;
}
1
(1 marks)