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

dgsult0t 于 2022-12-09 发布在其他

关注(0)|答案(3)|浏览(126)

我在我示例应用程序中设置了一些输入设计。2在它里面，我有输入和文本区域。3从透视图来看，我们的要求是设置与输入元素对齐的高度。
我想对齐高度的文本与输入元素接近它。当我简单地设置他们如下。它扭曲。

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

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

3条答案

您可以从执行以下操作开始：
第一个

<div style="display: flex; align-items: start;">
  <input value="input test">
  <textarea>textarea test</textarea>
</div>

窗体组div容器具有以下显示：Flex和对齐项目：stretch属性，对齐子元素的高度。textarea元素的高度为：100%财产

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