Question

我有textarea和button。我希望它们从底部放在同一条水平线上。但是当我将它们放入内联时没有应用任何样式它显示如下：

我只是无法理解导致它们发生的原因是什么？额外的边距来自文本区域的底部？当我使用表单输入执行相同的操作时，它们就像在图像2中一样：

那么是什么导致textarea表现得像这样？

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        textarea,button
        {
            margin:0;
        }
    </style>
</head>
<body>
    <div>

<textarea>textarea</textarea>
<button>Button</button>
    </div>
</body>
</html>

Answer 1

将vertical-align: bottom;添加到您的样式中：

<style type="text/css">
    textarea,button
    {
      vertical-align: bottom;
    }
</style>

问题是将它们设置为inline元素会使它们垂直对齐。该风格将解决这个问题。

如何从文本区域中删除边距

1 个答案: