表格内容溢出

表格单元格溢出时出现“。。。”的样式

　　在做表格的时候，因为是自适应的，单元格达到一定的宽度的时候就会有文字溢出，如果控制不换行就看不到内容，控制换行了单元格的高度又会发生变化，影响布局，所以想做成溢出的时候出“。。。”的样式，顺便提示用户后面还有内容

　　

　　直接附上代码：

　　　

    <td>
        <div class="div">5sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</div>
    </td>

　　　　样式：

    .div{
        200px;
        overflow:hidden;
        white-space:nowarp;
        text-overflow:ellipsis;
    }

　　　　效果：