自适应表格单元格连续英文换行以及单行文字点点点显示实例页面

CSS代码：

.table_fixed { table-layout: fixed; }
.ell { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bk { word-break: break-all; }
                

HTML代码：

<strong>原始表格</strong>
    <table class="table" width="100%" cellspacing="0" cellpadding="0">
      <tr>
        <th scope="col" width="30%">标题</th>
        <th scope="col" width="50%">概要</th>
        <th scope="col" width="100">时间</th>
      </tr>
      <tr>
        <td>单行点点点显示</td>
        <td><div class="ell">据说Chrome34+支持响应式图片，就是直接&lt;img&gt;标签上使用特定属性，就可以实现图片自动的响应式获取，大伙可以试试~</div></td>
        <td>2014-04-09 23:51</td>
      </tr>
      <tr>
        <td>连续字符换行</td>
        <td><div class="bk">zheduanzhongwenpinyinzhemechangwojiubuxingbuhuanhangyaobuliugezhongzizhileidemeirenfanyingjiusuanle</div></td>
        <td>2014-04-09 23:53</td>
      </tr>
    </table>
    <strong>处理后表格</strong>
    <table class="table" width="100%" cellspacing="0" cellpadding="0">
      <tr>
        <th scope="col" width="30%">标题</th>
        <th scope="col" width="50%">概要</th>
        <th scope="col" width="100">时间</th>
      </tr>
      <tr>
        <td>单行点点点显示</td>
        <td><div class="ell">据说Chrome34+支持响应式图片，就是直接&lt;img&gt;标签上使用特定属性，就可以实现图片自动的响应式获取，大伙可以试试~</div></td>
        <td>2014-04-09 23:51</td>
      </tr>
      <tr>
        <td>连续字符换行</td>
        <td><div class="bk">zheduanzhongwenpinyinzhemechangwojiubuxingbuhuanhangyaobuliugezhongzizhileidemeirenfanyingjiusuanle</div></td>
        <td>2014-04-09 23:53</td>
      </tr>
    </table>