Question

我有以下布局：fiddle。

<div>
<div class="left">
    <div>label not aligned</div>
</div>
<div class="right">
    <div><textarea></textarea></div>
</div>
</div>
<div>
<div class="left">
    <div>label aligned</div>
</div>
<div class="right">
    <div><input></input></div>
</div>
</div>
/*...css in the fiddle*/

在其中您可以看到有2行，一行带有textarea，另一行带有输入以进行比较。正如您所看到的那样，即使行高和高度与右列相同，第一行的标签也会被按下。在带输入的第二行中，您可以看到我期望标签基本居中并与右侧输入对齐的行为。即使textarea没有调整大小，也会发生这种情况。

有谁知道为什么会这样？我知道如何使用浮动左边的工作，但我想知道是否有一个更清洁的解决方案。提前谢谢。

Answer 1

在您的vertical-align: top课程中添加.left，如下所示：

.left{
    border: 1px solid black;
    vertical-align: top;
}

Updated Fiddle

Textarea正在推动它左边的元素？

1 个答案: