如何将文本区域高度与下一个输入元素对齐答案

【问题标题】：How to align textarea height with next input element如何将文本区域高度与下一个输入元素对齐
【发布时间】：2022-12-19 16:51:09
【问题描述】：

我在示例应用程序中设置了一些输入设计。在里面，我有输入和文本区域。从透视图来看，我们的要求是设置高度与输入元素对齐。

我想将 textarea 的高度与靠近它的输入元素对齐。当我简单地按如下方式设置它们时。它扭曲了。

<div>
  <input value="input test">
  <textarea>textarea test</textarea>
</div>

我想要的结果如下。 textarea 的高度与输入元素对齐。我怎样才能做到这一点？谢谢

【问题讨论】：

你为什么想要一个外观、对齐方式和功能都像input 的文本区域。你具体想达到什么目的？
https://stackoverflow.com/questions/24994395/change-the-height-and-width-of-text-area也许这个链接可以帮助你
使用这个 css：textarea，input { vertical-align: middle;高度：20px }

【解决方案1】：

<div style="display: flex;">
  <input value="input test">
  <textarea>textarea test</textarea>
</div>

【讨论】：

【解决方案2】：

您可以从这样做开始：

.wrapper {
    display: flex;
  }
  .wrapper > input {
    margin: 0;
  }

<div class="wrapper">
  <input value="input test">
  <textarea>textarea test</textarea>
</div>

【讨论】：