CSS控制TD內的文本超出指定寬度後不換行而用省略符號代替

標籤：style   class   blog   code   ext   color   

<style type="text/css">    .lineOverflow {         width: 100px;        border:#000 solid 1px;        text-overflow: ellipsis;        white-space: nowrap;/*禁止自動換行*/        overflow: hidden;    }</style>    

    <table style="table-layout:fixed; width: 200px;">        <tr>            <td class=‘lineOverflow‘>鑒於大部分中國球迷只能深夜在家看直播，最多和基友在一起，這個忠告就不必轉給中國球迷了</td>        </tr>    </table>

在Firefox、chrome、IE8均有效，table必須設定table-layout:fixed，另，在Firefox下必須給table設定寬度，不然是無效的