我的桌子上的细胞高度有问题。我尝试将特定数量的语言的最小高度调整为115px,但是如果它超过它会破坏单元格。无论细胞中有多少种语言,我都需要扩展细胞。
.comparison-table .lang{
min-height: 115px;
height: 100%/auto;
padding: 15px;
}
答案 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});