Question

有没有办法根据下一个TD的宽度扩展表格TD的宽度？

asp:Panel将根据后面代码中的某些条件隐藏或显示。

我认为这是一些可以帮助我解决这个问题但却无法解决问题的CSS问题。救命啊！

这是HTML标记：

<tr>
 <td class="content_body" style="width: 294px">
  This is some long text needs to be dynamically wrapped...............................................................
 </td>
 <td>
  <asp:Panel ID="Panel1" runat="server">
   This is going to be hidden based on some condition in the Code behind
  </asp:Panel>
 </td>
</tr>

Answer 1

要尝试的一件事是将宽度偏离需要根据其他TD扩展/缩小的TD。如果没有宽度，TD将默认占用任何可用空间，因此如果行中的其他TD都指定了宽度，则没有宽度的TD将占用剩余的空间。如果有2个这样的TD，则空间将在它们之间分配。

Answer 2

使用jQuery，您可以将id应用于两列中的顶部td，然后执行以下操作：

$('#tda').width(($('#tdb').width() > 200) ? 10 : 100)

如果id为b的td大于200，则将id为td的td的宽度设置为10，否则将其设置为100.

动态扩展TD的宽度

2 个答案: