2017-11-04 16 views
2

overflow: hidden;ベースを第1列に置くことは可能ですかdiv第1列divのオーバーフロー隠しベースが可能ですか?

私はこれらの2列の高さを調整したいとが、第一列のに基づくでしょう私は、MySQLのコンテンツ

でMySQLのコンテンツ のdiv COL-MD-3でブートストラップ 行 のdiv COL-MD-9を持っている

データ。

2番目の列のデータが1番目の列よりも多い場合は、2番目の列のデータを(たとえばoverflow: hidden;で)切断して等しい列にする必要があります。

今の私のコード:

<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>

+0

どのboostrapバージョンを使用しますか? – LGSon

+0

は密接に関連しています:https://stackoverflow.com/questions/34194042/one-flex-item-sets-the-height-limit-for-siblings – Danield

答えて

0

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'); 
    } 
} 
+0

ちょうど完璧!ありがとうございました:) – nickko

+0

@nickkoこれはひどい解決策です。スクリプトインターバルタイマーを使用してすべての時間と食べ物をチェックしています。 – LGSon

+0

彼はいつもページロードの後に​​それを使うことができます...しかし、0.5秒または1秒ごとに1つの間隔をとります。: – Wordica

関連する問題