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中的信息。