表使用div单元格高度问题(带角度)

时间:2015-09-22 10:26:12

标签: javascript html css angularjs

我的桌子上的细胞高度有问题。我尝试将特定数量的语言的最小高度调整为115px,但是如果它超过它会破坏单元格。无论细胞中有多少种语言,我都需要扩展细胞。

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

enter image description here

1 个答案:

答案 0 :(得分:0)

基于上面提到的内容。

即使我不同意这一点,下面是如何为每个对象的顶行添加一个类。然后让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>

JS

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

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

Code Preview