DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> CSS實現Table單元格自動換行或不換行
CSS實現Table單元格自動換行或不換行
編輯:CSS進階教程     

  用CSS實現Table單元格數據自動換行或不換行的實現方法:

  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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved