根据表上的信息动态增加表 td 高度答案

【问题标题】：Grow table td height dynamically depending on the information on table根据表上的信息动态增加表 td 高度
【发布时间】：2013-10-25 04:30:25
【问题描述】：

我有一个 html 表格。其中一个 td 有 2 个 div 和一个 rad 标签条。类似

 <td>
  First td
 </td>
 <td>
  Second td
 <div>
    ....
 <div style="border: solid; border-color: brown; border-width: 3px; height: 100%;width:100%;">  
  <div>
    <telerik:RadMultiPage ID="radCustInfo" runat="server" SelectedIndex="0">
                            <telerik:RadPageView ID="radCustInfoPage" runat="server">
                                <telerik:RadTabStrip ID="radCustInfoTab" runat="server" MultiPageID="radMultiPageCustInfo"
                                    SelectedIndex="0" Orientation="HorizontalTop" Align="Left">
   <Tabs>
    <telerik:RadTab Text="Notes"  ></telerik:RadTab>
     <telerik:RadTab Text="Contacts"  ></telerik:RadTab>
     ..2 more tabs
  ....</div>

因此，当用户单击其中一个时，假设联系人 td 应该在高度上扩展。我的联系人超过 10 个。5 封电子邮件，5 个电话号码。第一个 td 高度未在任何地方设置。假设它的高度约为 180 像素。在上面的 4 个选项卡中，我希望其他 3 个与第一个 td 平行显示，即 180 像素。第二个选项卡“联系人”可以是动态高度。这两个 td 都位于页面顶部。所以他们下面有信息。因此，如果 td 增长，信息必须下降。如果 td 中的信息高度小于 180px，则 div 的边框应设置为 180px；

总结一下：如果标签中的信息不多，那么让 td 为 180px 并显示边框。如果选项卡中的信息很棒，那么扩展 td 并让它增长。我知道这是一个特定于我自己情况的问题，但我需要帮助。如果您需要更多信息，请询问。谢谢

【问题讨论】：

使用表格真的有必要吗？为什么不考虑使用 div 呢？它将为您提供更多元素的高度/宽度的灵活性。另外，停止使用内联样式。
这是一个客户端问题，因此请从您的问题中删除您的服务器端代码。显示您的实际 HTML 输出。没有人应该弄清楚“telerik:RadMultiPage”是什么意思。

标签： html css dynamic html-table autogrow

【解决方案1】：

在你的 div 样式中试试这个，把它改成

min-height:180px;

确保您的桌子具有自动高度。

【讨论】：

谢谢。正是我需要的。