如何在＆lt; div＆gt;内安排<input />和<textarea>？对齐到＆lt; div＆gt; </textarea>的顶部

Question

我有以下内容：

<div>
   <input>
   <input>
   <textarea>
<div>

我想要的是输入的顶部和所有排队的textarea。然而，似乎输入到底部，而textarea到div的顶部。有没有办法用CSS解决这个问题？

这就是我想要实现的目标：

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
x  input   input    textarea                        x
x                   textarea                        x
x                   textarea                        x
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Answer 1

使用vertical-align：

div textarea, div input {
    vertical-align: top;
}

Answer 2

你走了。

<强> WORKING DEMO

HTML：

<div>
   <input>
   <input>
   <textarea>
<div>

CSS：

input{display:inline-block; vertical-align:top;}

我希望这就是你要找的东西。

Answer 3

input,textarea
{ 
    vertical-align:top;
}