关于表格单元格溢出情况的处理

我们知道表格的渲染是根据表格内容来进行的，那么当单元格里面的内容出现溢出的时候，有时候就会出现溢出换行，造成不好的用户体验，下面介绍两种处理的办法

一、溢出隐藏，出现"......"的省略号

html

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

css

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

二、溢出的部分出现滚动条（如下）

html

    <table class="conTbl">
        <tr>
            <td><di