如何在其他多行文本字段高度的基础上动态增加多行文本字段的高度

时间:2019-07-19 10:12:33

标签: reactjs textfield multiline office-ui-fabric

我并排有三个多行文本字段。(field1 | field2 | field3)我已将'autoAdjustHeight'设置为true。()

现在,如果field1的高度增加,则field2和field3的高度也应增加。我正在尝试使用react来实现这一点。

1 个答案:

答案 0 :(得分:0)

您可以使用CSS flexbox实现此目的

.container {
  display: flex;
}

.text-wrapper textarea {
  height: 100%;
}
<div class="container">
  <div class="text-wrapper">
    <textarea></textarea>
  </div>
  <div class="text-wrapper">
    <textarea></textarea>
  </div>
  <div class="text-wrapper">
    <textarea></textarea>
  </div>
</div>