テーブルの列の幅をHTMLで固定サイズに指定するにはどうすればよいですか？

Question

私はそれの中にいくつかの行と列だけのテーブルを持っています。フィールドの長さを持っている価値を持つ

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

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

：フィールドの長さはそう

を増加させたときに私がで立ち往生していますことは、たとえば、ちょうど例えば、私は、テーブルの列の幅を持っています最初の「td」タグのように35〜50文字の文字列を使用すると、指定されたWebページ領域からテーブルが外れます。

{word-wrap：break-word;}を使用しましたが、効果がないようです。このような場合にフィールド長を次の行に切り取り、列幅を固定サイズに設定する方法はありますか？

Answer 1

あなたはCSSプロパティを探しているかもしれない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;} 

出典：https://css-tricks.com/fixing-tables-long-strings/