table td 宽度的问题
<table>
<tr>
<td width="100px"> A </td>
<td width="50%" > B </td>
<td width="100px"> C </td>
<td width="50%" > D </td>
</tr>
</table>
表格有4列,A C 固定 100px宽, B和D把剩余的宽度平分,如何实现这样的效果?
[解决办法]
楼主的 table 不是 定宽
是依据什么来 固定宽度的?
[解决办法]
<table width="100%" >
<tr>
<td width="100px"> A </td>
<td style="background-color:red" > B </td>
<td width="100px"> C </td>
<td style="background-color:green"> D </td>
</tr>
</table>
[解决办法]
<table width="100%">
<tr>
<td width="100"> A </td>
<td> B </td>
<td width="100"> C </td>
<td> D </td>
</tr>
</table>
[解决办法]
你的不就可以吗?加上边框就可以观察到
不指定宽度就会按内容分配
[解决办法]
<table style=" table-layout: fixed;word-break:break-all;word-wrap:break-word;width:100%" >
<tr>
<td width="100px"> A </td>
<td > B </td>
<td width="100px"> C </td>
<td >
Dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
ddddddddddddddddddddddddddddddddddddd</td>
</tr>
</table>
[解决办法]
尽量不要让浏览器自己判断宽度。
常用的做法是,只留一个td不定义宽度,其余的都定义。