Désactiver la largeur de redimensionnement automatique dans le tableau HTML

Question

Je veux désactiver l'auto-redimensionnement pour la largeur de <td> s dans <Table> Certaines cellules ont des données très volumineuses et je ne veux pas qu'elles se développent et forment donc un défilement horizontal au bas de la page. J'ai essayé de régler la largeur pour chaque <th> et <td> individuellement, mais cela n'a pas fonctionné.

Une raison quelconque?

PS: La table est dans un ASP répéteur

Answer 1

Au lieu de définir la largeur de chaque élément utiliser 100% max-width obtenir emballage .Pour mot dans les navigateurs modernes, utilisez l'espace blanc. En outre, la définition de la largeur maximale semble aider à faire fonctionner les choses.

Espérons que le ci-dessous aidera.

td { 
    border: 1px solid black; 
    width: 100px; 
    max-width: 100px; 
    white-space: pre-wrap;  /* css */ 
    white-space: -moz-pre-wrap; /* Mozilla */ 
    white-space: -pre-wrap;  /* Chrome*/ 
    white-space: -o-pre-wrap;  /* Opera 7 */ 
    word-wrap: break-word; /* Internet Explorer 5.5+ */ 
} 

Answer 2

La mise en page CSS a été corrigée. enter link description here