Question

是否可以overflow: hidden;基于第一列div？

我有自举行 div col-md-9与MySQL内容 div col-md-3与MySQL内容

我想调整这两列的高度，但要根据第一列的数据。

如果第二个库存的数据多于第一列，则必须剪切第二列的数据（例如overflow: hidden;）以获得相等的列。

我现在的代码：

＆＃13;

<div class="container-fluid">
<div class="row" style="display: flex;flex-wrap: wrap;">

<div class="col-md-9" style="display: flex;flex-wrap: wrap;">
MySQL data
</div>

<div class="col-md-3" style="display: flex;flex-wrap: wrap;">
MySQL data
</div>

</div>
</div>

＆＃13;

Answer 1

PS。基于第一个数据列hm：

jQuery(document).on("ready page:change", function() {

    setInterval(set_columns_height,500);
});

function set_columns_height(){
    var c1 = jQuery('.first_column').height();
    var c2 = jQuery('.second_column').height();

    if ( c1 != c2 ) {
        jQuery('.second_column').css('height',c1 + 'px');
    }
}

溢出隐藏在第1列div上可能吗？

1 个答案: