Wie wird die Tabellenspaltenbreite in HTML auf eine feste Größe festgelegt?

Question

Ich habe eine Tabelle nur mit ein paar Zeilen und Spalten drin. Was ich stecken bin mit der Breite der Spalte, wenn die Länge des Feldes erhöht

Also, sagen wir, nur zum Beispiel, ich habe eine Tabelle wie:

<table> 
    <thead> 
    <tr> 
    <th>column1</th> 
    <th>column2</th> 
    </tr> 
    </thead> 

    <tbody> 
    <tr> 
    <td>valuenfkdkfkdsnfndfndnkffdfndsfnndfnksfnfsfsdnsffs</td> 
    <td>value2</td> 
    </tr> 
    </tbody> 
</table> 

mit einem Wert, der Feldlänge hat von 35 bis 50 Zeichen wie der im ersten "td" -Tag, verlässt die Tabelle den vorgeschriebenen Webseitenbereich.

Ich benutzte {word-wrap: break-word;}, aber es scheint keinen Effekt zu geben. Gibt es eine Möglichkeit, die Feldlänge in diesem Fall in die nächste Zeile zu schneiden und die Spaltenbreite auf eine feste Größe zu setzen?

Answer 1

Sie könnten der Suche nach CSS-Eigenschaft table-layout:fixed

<table class="users" style="table-layout:fixed;"> 
    <tbody> 
    <tr> 
     <td>0001</td> 
     <td>Johnny Five</td> 
    </tr> 
</table> 

OR

CSS:

table.users{table-layout:fixed;} 

Quelle: https://css-tricks.com/fixing-tables-long-strings/