td { text-overflow:ellipsiswhite-space:nowrapoverflow:hidden} /* 设置不换行 省略号显示*/
然后只需要再给第一行的td分别加上class，例如：
<tr>
<td class="item1">单元格</td>
<td class="item2">单元格</td>
<td class="item3">单元格</td>
<td class="item4">单元格</td>
<td class="item5">单元格</td>
<td class="item6">单元格</td>
</tr>
然后，分别设置宽度
.item1 { width:20% }
....
.item6 { width:5% }
其他行同列的单元格会被撑开
比较复杂的有跨列或者跨行的表格，设置方法类似，但是就是要计算一下，比较麻烦。
一般td的宽度，如果不设置的话，会根据内容的长短来自动适应的。如果有多项内容，其中的某几项，比如日期 价格 类型等，词量短，可固定宽度的，可以给固定的宽度，然后标题类的就不用写，这样就是没有写宽度的td 会根据内容自动适应。
总之就是能定宽度的就固定一下宽度，剩下不能固定宽度的让他们根据内容自动适应，这是最常用的方式
