100分求助，页面在不同数据的时候写了相同宽度的table里面单元格的线上下看起来不齐

[crazoey]

是jsp页面，一共从上至下有5个table，每个table一个tr里面包含4个td.但是在不同数据进入这个页面显示的时候发现单元格的线位置有偏差，有一条数据能把线都调齐，可是换个数据就歪了。痛苦中，并不是数据太长撑开的问题，因为没有数据是顶满格的。发现有的有对齐多的table线就靠右，左对齐多的就靠左一些。因为每个td里面的数据不是每种场合都出现的，所以在左对齐的时候在数据后面加了空格防止单元格的线消失，右对齐相反，会不会是这个原因呢？<td aline=left
>数据 </td>。请问原因谢谢~~~

[xxuu503]

楼上地

<table colspan=4>//???????



按怎么没看见搂住的原文里有这个呢？

[李睿_Lee]

设定一下你要宽度如果<td width="100"></td>

[chouchy]

请指定td的宽度，否则IE会根据td里的内容擅自设定宽度：

如果每个td里面的内容长度都一样，则平分table的宽度，
如果不相等，则内容长的td分得的宽度就比内容短的td分得的宽度大。

这是一行的情况，
如果是多行，则取该列内容最长所在的td与其他列内容最长所在的td比较来分配宽度。

[crazoey]

感动，有人未卜先知，我现在正在加班改这个问题啊，因为加了table-layout:fixed;word-break:break-all"以后每个table的大小都不一样了，崩溃啊，写的是同样的宽度。大概是下面的样子，具体我就不写了，我工作的机器上不了网5555
第一个table是<table width="730"><tr>
<td width="80"></td>
<td width="80"></td>
<td width="100"></td>
<td width="105"></td>
<td width="80"></td>
<td width="80"></td>
<td width="100"></td>
<td width="105"></td>
</tr>
<tr>
<td width="160"></td>
<td colspan=6 width="570"></td>
</tr>
</table>
第二个table是<table width="730"><tr>
<td width="160"></td>
<td width="570"></td>
</tr></table>
第三个table是<table width="730"><tr>
<td width="160"></td>
<td width="205"></td>
<td width="160"></td>
<td width="205"></td>
</tr>
<tr>
<td width="160"></td>
<td colspan=3 width="205"></td>
</tr></table>

[crazoey]

我先去试试ybfqlyq同学去掉colspan的方法，55我这样的页面有10几个啊，最少是5个table的，一般都20多个table偶们组的同学要恨死我了，今天过小年哈哈都回不去了

[crazoey]

抱歉，第一个table第二行我写的有误，应该是<td colspan=2>,<td colspan=6>
可是去掉colspan还是不好用
第一个talbe第一行8个td里面加了table以后还是比别的长出一大块。请问里面的小table我还需要加
style="table-layout:fixed;word-break:break-all"吗？发现class还是要加否则背景色就没有了

[李睿_Lee]

把表格的间距、填充和边框都设为0，就不会变了。
如果要间距、填充和边框的话，设宽时就要把这些算在内。

[李睿_Lee]

晕，还没发完帖就结了。
我这个才是正解！呵呵

[crazoey]

楼上的同学请看我另一个帖子hoho我又开了一个，因为怕大家看这么多回帖会混乱。实际上我得table里面已经写了cellspacing＝"0 cellpadding=0 ，因为是要有border线的，那么我要在table的宽度里再加吗？请移驾到我的新帖子里回答，还是有分的，多谢了。

[crazoey]

如果说style="table-layout:fixed;word-break:break-all"可以解决，但是为什么我的数据并没有很长就是不齐呢？

[ybfqlyq]

因為你用了合併單元格的，<table colspan=4>這樣的。你只要去掉這些，然後再插入一個表格，在表格裡再分四個單元格。比如:
<table>
<tr>
<td>
<table>
<tr>
<td>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td>
</td>
</tr>
</table>
</td>
</tr>
</table>