HTMLテーブルでの改行方法

<table>
  <tr>
    <td>行1<br>行2</td>
  </tr>
</table>

この例では、テーブルのセル内で改行が行われ、"行1"と"行2"が別の行に表示されます。

2. スタイルシートを使用した改行: CSSを使用してテーブル内の改行を制御することもできます。以下のように、セル内のテキストに対してwhite-space: pre-line;スタイルを適用します。

<style>
  .breakable {
    white-space: pre-line;
  }
</style>
<table>
  <tr>
    <td class="breakable">行1
    行2</td>
  </tr>
</table>

この例では、クラス名が"breakable"のセル内のテキストが改行されます。

<table>
  <tr>
    <td>
      <div>行1</div>
      <div>行2</div>
    </td>
  </tr>
</table>

この例では、\