使用 div 单元格高度问题的表格（带角度）答案

【问题标题】：table using div cell height issue (with angular)使用 div 单元格高度问题的表格（带角度）
【发布时间】：2015-09-22 18:59:49
【问题描述】：

我的桌子上的单元格高度有问题。我尝试为某些数量的语言设置 115px 的最小高度，但如果它超过它会破坏单元格。无论单元格中有多少种语言，我都需要扩展单元格。

.comparison-table .lang{
  min-height: 115px;
  height: 100%/auto;
  padding: 15px;
}

【问题讨论】：

能否请您添加更多信息。这还不够。甚至是功能代码的 sn-p。
一个 JS fiddle 在这里会很有帮助
截图展示了很多元素。通过为这些元素发布 HTML 和 CSS 来帮助我们帮助您。而且，正如@zedd 指出的那样，摆弄你的代码的地方也会有很大帮助。 :-)
目前的问题是数据是从后端使用角度提取的。数据是按列而不是按行呈现的，因此每个 div 彼此没有关系，这使得 css 有点困难：/。动态高度的 Jquery/Js 解决方案可能吗？
Jquery/Js 的动态高度解决方案很容易做到，但从实用性的角度来看是错误的。您想要的是将标题与正文的其余部分分开（并添加中断）或使表格像表格一样工作。如果必须使用 JS，则在每个对象的顶行添加一个类。然后让 JS 找到最大高度的那个。然后将它们全部设置为该高度。不过我不会这样做。

标签： javascript html css angularjs

【解决方案1】：

根据上面的问题。

尽管我不同意这一点，但这里是如何将一个类添加到每个对象的顶行。然后让 JS 找到最大高度的那个。然后将它们全部设置为该高度。

HTML

<div class="test" style="height:40px; width:20px; background-color:red;"></div>
<div class="test" style="height:60px; width:20px; background-color:blue;"></div>
<div class="test" style="height:80px; width:20px; background-color:green;"></div>
<div class="test" style="height:90px; width:20px; background-color:yellow;"></div>

var maxHeight = 0;
$( ".test" ).each(function( index ) {     
    if ( $( this ).height() > maxHeight ){
     maxHeight = $( this ).height();
    }
});

$('.test').css({"height": maxHeight});

Code Preview

【讨论】：