td largeurs, ne fonctionne pas?

J’ai donc ce code ici:

Content

avec le CSS

 .left_menu { background: none repeat scroll 0 0 #333333; border-radius: 5px 5px 5px 5px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; padding: 5px; } .menu_item { background: none repeat scroll 0 0 #CCCCCC; border-bottom: 1px solid #999999; border-radius: 5px 5px 5px 5px; border-top: 1px solid #FFFFCC; cursor: pointer; padding: 5px; } 

Cela fonctionne très bien sur mon navigateur et je l’ai testé dans tous les navigateurs Mac et PC, mais quelqu’un se plaint que le td avec la width de 200 ne cesse de changer de largeur. Je n’ai aucune idée de ce dont il parle. Est-ce que quelqu’un sait pourquoi il ou elle voit le changement de largeur sur le td ?

CA devrait etre:

  

ou

  

Notez que si votre cellule contient du contenu qui ne rentre pas dans le 200px (comme somelongwordwithoutanyspaces ), la cellule s’étendra néanmoins, à moins que votre CSS ne contienne la table-layout: fixed pour la table.

MODIFIER

Comme kristina childs l’a noté dans sa réponse, vous devez éviter à la fois l’atsortingbut width et l’utilisation de CSS en ligne (avec l’atsortingbut style ). Il est conseillé de séparer le style et la structure autant que possible.

La largeur et / ou la hauteur dans les tables ne sont plus standard; Comme le dit Ianzz, ils sont déconseillés. Au lieu de cela, la meilleure façon de faire est d’avoir un élément de bloc dans la cellule de la table qui maintiendra la cellule ouverte à la taille souhaitée:

 
Content

CSS

 .content { width: 1000px; } .left_menu { background: none repeat scroll 0 0 #333333; border-radius: 5px 5px 5px 5px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; padding: 5px; width: 200px; } .menu_item { background: none repeat scroll 0 0 #CCCCCC; border-bottom: 1px solid #999999; border-radius: 5px 5px 5px 5px; border-top: 1px solid #FFFFCC; cursor: pointer; padding: 5px; } 
  

Cela forcera la largeur stylée

. Si le texte le dépasse, il chevauchera l’autre texte

. Essayez donc d’utiliser les requêtes multimédia.

Vous ne pouvez pas spécifier les unités dans les atsortingbuts width / height d’une table; ceux-ci sont toujours en pixels, mais vous ne devriez pas les utiliser du tout car ils sont obsolètes.

Essayez d’utiliser

 word-wrap: break-word; 

j’espère que cette aide

Vous pouvez essayer la “table-layout: fixed;” à ta table

 table-layout: fixed; width: 150px; 

150px ou la largeur désirée.

Référence: https://css-sortingcks.com/fixing-tables-long-ssortingngs/

Notez que l’ajustement de la largeur d’une colonne dans le thead affectera toute la table

 
Name Email
Joe joe@email.com

Dans mon cas, la largeur sur le thead> tr remplaçait directement la largeur sur la table> tr> td.

essaye ça:

 word-break: break-all; 

Vous pouvez utiliser dans la

css: display:inline-block

Comme: