Question

有没有办法让这两个彼此相邻浮动的textareas始终保持相同的高度。容器的高度，当其中一个容器的大小调整时，它会扩展。我已经尝试将它们放入容器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;
}

Answer 1

这将有效：

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

您可以使用mousemove代替mouseup来实现“实时”效果。

Answer 2

尝试将textarea的高度设置为100％，将容器的高度设置为150px。当textarea在100％时，它会自动适合你父级的高度，希望这会有所帮助。

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

div.container { 身高：150px; 最小高度：150像素; 边框：1px纯黑色; 显示：内联块; }

Answer 3

您可以使用javascript来实现以下方案。一旦父元素更改其尺寸（例如，高度），就可以调用functios（ES6 Javascript版本）：

from airflow import models
dag_bag = models.DagBag()
for dag in dag_bag.dags.values():
    print(dag.schedule_interval)

使textarea高度扩展到容器div的高度（调整大小时）

3 个答案: