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>
コピーコード
コードは以下の通りです。
<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>
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン