table width无效
今天在谷哥发现table 标题宽度太宽奇丑无比,
1. 加了内样式 <th width=100px><div class="hl"> TITLE </div></th>,无效;
2. 加了内样式 <th style="width:100px;"><div class="hl"> TITLE </div></th>,无效;
3. 在table里再设置一下table-layout: fixed,也无效;
4. 再看看发现:
使用 <table style="table-layout: fixed">,如果表格的第一行有跨多列的单元格,那么这个单元格对应的其下的列,如果不是合并的话,宽度会自动平均设置。
解决方法就是,添加一个第一行来专门设置宽度
...
...
<tr style="height:1px;font-size:1px;line-height:1px;">
<td style="width:77px;"></td><td width="140"></td><td width="90"></td><td></td>
</tr>
...
...
。OK,解决