bootstrap 内容简略显示

1、首先需要在table中设置table-layout:fixed;

<table style="table-layout:fixed"></table>

2、然后在表头th中设置每列的宽度

<table style="table-layout:fixed">   <th width="10%">普通</th>   <th width="10%">复杂</th>  </table>

3、然后在需要当长度大于一定数值时用省略号表示的td上面添加样式

<pre name="code" class="html"><td>01</td> <td style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td> 

这样就可以做到，将过长的内容简化为 前部分+...

但是，如果是重要信息，不能看到全部，总是会不尽人意，当然，title属性可以替你解决这个问题

<td title="鼠标移动显示信息"style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td> 

这样，当鼠标移动到这个地方，你就会看到title中的信息。