CSS控制Table單元格強制換行與強制不換行

字號:


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