1. ホーム
  2. Web制作
  3. HTML/Xhtml

td コンテンツ自動改行テーブル table td セット幅が多すぎるテキスト自動改行後

2022-01-15 04:12:07
テーブルの style="table-layout:fixed;" を設定し、tdの style="word-wrap:break-word;" を設定すると、次のようになります。
コピーコード
コードは以下の通りです。

<table style="TABLE-LAYOUT: fixed" border="1" cellspacing="0" cellpadding="0" width="200 ">
<tbody>
<tr>
<td style="WORD-WRAP: break-word" width="20">ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss </td>
<td>aaaaaa</td>
</tr>
<tr>
<td style="WORD-WRAP: break-word" width="20">ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss </td>
<td>aaaaaa</td>
</tr>
</tbody>
</table>