html代码 表格自动换行

HTML是网页开发中的重要技术之一，其中表格是常用的元素之一。在编写表格时，经常会出现内容过长导致表格宽度超出页面范围的情况。这时候需要使用表格自动换行的技巧。

<table>
  <tr>
    <th>姓名</th>
    <th>地址</th>
    <th>邮箱</th>
  </tr>
  <tr>
    <td>张三长长长长长长长长长长长长长长长</td>
    <td>北京市海淀区中关村大街1号</td>
    <td>[e-mail]</td>
  </tr>
  <tr>
    <td>李四长长长长长长长长长长长长长长</td>
    <td>上海市浦东新区科苑路215号</td>
    <td>[e-mail]</td>
  </tr>
</table>

上述代码中出现了两个长名字，如果表格不自动换行，就会出现表格宽度过大从而导致页面排版错乱的情况。在HTML中，我们可以使用CSS中的word-break属性来实现文本自动换行：

td {
  word-break: break-all;
}

使用该属性后，文本数据将根据单元格的大小进行自动换行，从而保证表格宽度不会超出页面范围。除了word-break属性外，还有其他一些属性可以实现文本自动换行，例如white-space和overflow。在实际开发中，可以根据情况选择不同的属性进行调整。