css控制table單元格強制換行與強制不換行

字號:


    我們知道div地換行和不換行地css寫法.但對于表格單元格只知道一個屬性nowrap可以使其不換行. 但發(fā)現有時加上nowrap在某些情況下還是會換行!
    用css實現table單元格數據自動換行或不換行地實現方法:
    1、強制換行:
    <style type=text/css>
    .autonewline
    {
    word-break: break-all;/*必須*/
    }
    </style>
    <table>
    <tr>
    <td class=autonewline>自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行3w.foa($)sp.cn</td>
    </tr>
    </table>
    2、強制不換行:
    <style type=text/css>
    .nonewline
    {
    word-break: keep-all;/*必須*/
    }
    </style>
    <table>
    <tr>
    <td class=nonewline>不換行不換行不換行不換行不換行不換行不換行不換行不換行不換行3w.foa($)sp.cn</td>
    </tr>
    </table>