html - 境界の外に出ているテーブルデータ

Question

簡単に言えば、私は得た

<div id="tablewrapper">
<table>
<tr>
<td>veryveryveryveryveryeryveryveryveryveryveryveryveryveryvery longtext</td>
</tr>
<table>
</div>

そして、私の非常に長いテキストが、テーブル、div、およびラッパーの境界線の外に出ています。こんな感じ

テキストテキストテキストテキストテキストテキストテキスト(border)|(ボーダー)テキストテキストテキストテキストテキストテキストテキスト

次の行でそれを表示するには、どのCSSルールを使用する必要がありますか:

texttexttexttexttexttexttexttexttext(ボーダー)
texttexttexttexttexttexttex

表示または幅を設定しようとしました。

score 9 · Accepted Answer

table-layout: fixedを使用します。属性 (テーブルにも幅を指定してください。たとえば、)100%をに適用するtableとともに、word-wrap:break-wordtd

CSS:

table {
  table-layout: fixed; 
  width: 100%
}

td {
  word-wrap: break-word;
}

score 2 · Accepted Answer

word-break:break-allテキストを任意の場所で分割するために使用します。

<td style="word-break:break-all">veryveryveryveryveryeryveryveryveryveryveryveryveryveryvery longtext</td>

html - 境界の外に出ているテーブル データ