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

字號:


    我們知道Div的換行和不換行的css寫法。但對于表格單元格只知道一個(gè)屬性nowrap可以使其不換行。 但發(fā)現(xiàn)有時(shí)加上nowrap在某些情況下還是會(huì)換行!
    用CSS實(shí)現(xiàn)Table單元格數(shù)據(jù)自動(dòng)換行或不換行的實(shí)現(xiàn)方法:
    1、強(qiáng)制換行:
    <style type="text/css">
    .AutoNewline
    {
    word-break: break-all;/*必須*/
    }
    </style>
    <table>
    <tr>
    <td>自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行3w.foa($)sp.cn</td>
    </tr>
    </table>
    2、強(qiáng)制不換行:
    <style type="text/css">
    .NoNewline
    {
    word-break: keep-all;/*必須*/
    }
    </style>
    <table>
    <tr>
    <td>不換行不換行不換行不換行不換行不換行不換行不換行不換行不換行3w.foa($)sp.cn</td>
    </tr>
    </table>