Discussion :

[Pgs]

Bonjour,

J'affiche un tableau en définissant la propriété width de chaque TD en unité rem.
Tout fonctionne très bien et si le texte d'un TD est long, il va à la ligne, ce qui permet le respect de la largeur des TD.
Le seul problème survient lorsque le texte contient un mot trop long pour tenir dans la largeur du TD.
Dans ce cas, ce mot force le TD à s'élargir.
Y a t'il un moyen d'obliger le passage à la ligne de la partie de mot qui "dépasse" afin que le TD garde quoi qu'il arrive la largeur qui lui est assignée ?
Merci d'avance
Philippe

[NoSmoking]

Bonjour,
essaies de mettre un table-layout:fixed sur ta <table>.

[Invité]

Bonjour,

Code css :

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

1
2
3
table-layout:fixed;
overflow-wrap: break-word;/* passage à la ligne forcé */ 
-moz-hyphens:auto; -webkit-hyphens:auto; hyphens:auto; /* césure propre */

[Pgs]

Merci

* l'ajout de table-layout:fixed au niveau de la table ne change pas le comportement de mon tableau,
* l'ajout de overflow-wrap: break-word; ne change rien non plus,
* l'ajout de word-break:break-all; produit un effet, mais il coupe tous les mots en fin ligne, même si ces mots sont moins larges que le td, et pourraient donc être affichés en entier sur la ligne suivante.

[NoSmoking]

J'ai du mal à saisir ce qui t'importe, le non agrandissement de tes cellules ou le fait que les mots se coupent proprement.

Je te renvoie à cette discussion où beaucoup de choses se sont dites : Fixer taille colonnes table en %.

[Pgs]

J'ai deux tableaux qui se suivent (l'un en dessous de l'autre) et qui ont les mêmes colonnes (même nombre et mêmes largeurs - définies en unité rem).

Cela fait un bel effet visuel. Les colonnes du second semblent prolonger celles du premier.

Mais une des colonnes est assez étroite (c'est volontaire).

Si j'affiche dans cette colonne du texte dont un mot est plus large qu'elle, alors cette colonne s'élargit pour afficher ce mot en entier sans le couper.

Je perds alors l'alignement des colonnes entre les deux tableaux.

Si aucun mot ne dépasse à lui tout seul la largeur de la colonne, tout redevient normal.

Je voudrais que, uniquement dans la cas d'un mot plus large que la colonne à lui tout seul, il soit coupé afin que la colonne ne "s'écarte pas" pour l'afficher.

Merci