0

隣同士に浮かんでいるこれら 2 つのテキストエリアを常に同じ高さにする方法はありますか。コンテナーの高さ。コンテナーの 1 つがサイズ変更されると拡張されます。それらをコンテナ div に入れて、高さを 100% に設定しようとしました。サイズを変更するjquery関数を作成しようとしましたが(フィドルでコメントアウトされていることがわかります)、失敗しました。

http://jsbin.com/IkESUli/6/edit

サイズ変更後に常に同じ高さにするにはどうすればよいですか?

textarea{
  min-height:150px;
  float:left;
  display:inline-block;
  overflow:auto;
}
#t2{
  width:30px;
  overflow:hidden;
  text-align: right;
  white-space:nowrap;
}

div.container{
  min-height:150px;
  border:1px solid black;
  display:inline-block;
}
4

3 に答える 3

2

これは機能します:

$(".t").mouseup(function(){
    $(".t").not($(this)).css("height", parseInt($(this).css("height"),10));
});

「リアルタイム」効果のmousemove代わりに使用できます。mouseup

于 2013-10-26T12:29:52.533 に答える
0

テキストエリアの高さを 100% に、コンテナの高さを 150px に設定してみてください。textarea が 100% の場合、自動的に親 div の高さに収まります。これが役立つことを願っています。

textarea {      
    height: 100%;
    width: 100%;
    display: block;
}

div.container{ 高さ: 150px; 最小高さ:150px; ボーダー:1px ベタ黒; 表示:インラインブロック; }

于 2013-10-26T12:37:04.340 に答える