テーブルのセルの幅が尊重されていることを確認してください

Question

複数の列を持つHTML <table>があります。どのような場合でも、指定されたセル/列幅が尊重されるようにするにはどうすればよいですか？つまり、セルに100pxの幅を与え、テキストコンテンツが長い場合（スペースを含まない100文字を超える場合）、テキストコンテンツは100pxの幅を尊重し、次の行に折り返さなければなりません。

Iすでにword-wrap:break-wordを使ってみましたが、うまくいきません。

私を助けてください。

Answer 1

を使用して、tdの幅を尊重してください。

詳細についてはMDN docsをご覧ください。

編集

このような何かがあなたのために働く必要があります。

table { 
    table-layout: fixed; 
} 
td { 
    color:white; 
    width:50px; 
    background-color:Blue; 
    word-wrap: break-word; 
    max-width:50px; 
} 

ここで実証するa working fiddleです。