网页设计中实现表格强制换行

用CSS实现表格单元格数据自动换行或不换行

1、自动换行:

<style type="text/css">
.AutoNewline
{
  word-break: break-all;/*必须*/
}
</style>
<table>
<tr>
  <td class="AutoNewline">自动换行自动换行自动换行自动换行自动换行自动换行
自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行
自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行</td>
</tr>
</table>



2、不换行:

<style type="text/css">
.NoNewline
{
word-break: keep-all;/*必须*/
}
</style>
<table>
<tr>
  <td class="NoNewline">不换行不换行不换行不换行不换行不换行不换行
不换行不换行不换行</td>
</tr>
</table>


你可能感兴趣的:(css)