CSS控制Table儲存格強制換行與強制不換行

來源:互聯網
上載者:User

換行

<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>

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.