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,解决

posted on 2015-01-14 18:11  十里桃花  阅读(1394)  评论(0编辑  收藏  举报

导航