HTML 如何在表格单元格中显示多行文本

HTML 如何在表格单元格中显示多行文本

在本文中,我们将介绍如何使用HTML在表格单元格中显示多行文本的方法。

阅读更多:HTML 教程

使用\
标签

在HTML中,可以使用\
标签插入换行符来显示多行文本。在表格单元格中,可以使用\
标签来实现换行效果。

示例代码:

<table>
  <tr>
    <td>
      第一行<br>
      第二行<br>
      第三行
    </td>
  </tr>
</table>

上述代码中,通过在第一行和第二行之间插入\
标签实现了在表格单元格中显示多行文本的效果。

使用CSS的white-space属性

另一种实现在表格单元格中显示多行文本的方法是使用CSS的white-space属性。通过将white-space属性设置为”pre-wrap”,可以使文本在遇到换行符时自动换行。

示例代码:

<style>
  .multiline-cell {
    white-space: pre-wrap;
  }
</style>

<table>
  <tr>
    <td class="multiline-cell">
      第一行
      第二行
      第三行
    </td>
  </tr>
</table>

上述代码中,通过在\