CSS控制将table中的td超出长度的文字用省略号显示

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <style>

        table {

            width:200px;

            border:1px solid green;

            table-layout:fixed;

        }

        td {

            width:50%;

            overflow:hidden;

            text-overflow:ellipsis;

            white-space:nowrap;

        }

 

    </style>

</head>

<body>

    <table>

        <tr>

            <td>aaaaaaaaaaaaaaaaaaaaaaaaaa</td>

            <td>bbbbbbbbbbbbbbbbbbbbbbbbbb</td>

        </tr>

    </table>

 

</body>

</html>

 

posted on 2013-10-25 16:09  柠檬味红茶  阅读(1381)  评论(0)    收藏  举报

导航