DivCSS教程：CSS控制Table單元格強(qiáng)制換行與強(qiáng)制不換行_Div+CSS教程
      
編輯Tag賺U幣
      


      教程Tag：暫無Tag,歡迎添加,賺取U幣!
      


      
　　Div CSS教程：CSS控制Table單元格強(qiáng)制換行與強(qiáng)制不換行

      　　我們知道Div的換行和不換行的css寫法。但對于表格單元格只知道一個屬性nowrap可以使其不換行。

      　　近日有此需要，但發(fā)現(xiàn)加上nowrap在某些情況下還是會換行！無奈，沒有一個強(qiáng)制不換行的方法嗎？

      　　用CSS實現(xiàn)Table單元格數(shù)據(jù)自動換行或不換行的實現(xiàn)方法：

      　　1、強(qiáng)制換行：
      

      

       示例代碼 [www.wf0088.com]
      

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

      <table>
      <tr>
      <td class="AutoNewline">自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行</td>
      </tr>
      </table>
      

      

      　　2、強(qiáng)制不換行：

      

      

       示例代碼 [www.wf0088.com]
      

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

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

      

      　　


      

      



      


      來源：無憂整理//所屬分類：Div+CSS教程/更新時間：2008-02-18


      

      



      


      



      相關(guān)Div+CSS教程：