因此,如果我制作一个包含两个!important
字段的表格,如下所示:
<table>
<tr>
<th nowrap style='width:auto !important'>Large Field 1</th>
<th nowrap style='width:auto !important'>Large Field 2</th>
</tr>
<tr>
<td>This is lots of text it will make the table wider than the screen</td>
<td>This is also lots of text it will make the table wider than the screen</td>
</tr>
</table>
我的问题是我希望表格根据两个字段的大小自动调整宽度。如果一个是空的,那么另一个占据了大部分空间,反之亦然。当问题很长并且没有nowrap
时他们会占用多行(我不想要),就会出现问题。我想要的是能够在浏览器想要包装时调用一块JS。我认为这不存在,但也许有人知道另一种选择。我已经使用过PHP的修剪,但是如果一个字段为空而另一个字段已满,则不能正常工作。
如果我没有解释清楚,请说明。
答案 0 :(得分:0)
这听起来像是你试图完成与表元素想要做的完全相反的事情。 table元素用于格式化具有相同大小的网格中的其他元素(或文本)。如果你真的想以这种方式这样做,你应该使用&#39; colspan&#39; <td>
元素中可用的属性。当然,你必须写一些javascript(可能使用jQuery)来添加&#39; colspan&#39;属性及其值取决于表格单元格中的文本。希望有所帮助。