CSS控制Table单元格强制换行与强制不换行 - 秋天

CSS控制Table单元格强制换行与强制不换行

换行

<style type="text/css">
.AutoNewline
{
   word-break: break-all;/*必须*/
}
</style>

<table>
<tr>
   <td class="AutoNewline">自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行</td>
</tr>
</table>

<style type="text/css">
.AutoNewline
{
   word-break: break-all;/*必须*/
}
</style>

<table>
<tr>
   <td class="AutoNewline">自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行</td>
</tr>
</table>

———————————————————————————————————————————————

不换行

<style type="text/css">
.NoNewline
{
word-break: keep-all;/*必须*/
}
</style>

<table>
<tr>
   <td class="NoNewline">不换行不换行不换行不换行不换行不换行不换行不换行不换行不换行</td>
</tr>
</table>