Question

我正在使用HTML和CSS为响应式单页聊天应用程序构建用户界面。界面必须包含用于提交邮件的<form>元素。在<form>元素中，我有<textarea>元素和<button>元素作为提交按钮。按钮必须在其中有两个图像，一个在另一个中心，经过大量的努力和搜索，我设法做到了。问题是，我希望此<button>和<textarea>位于同一行，并在<form>中垂直居中。我尝试并搜索了许多可能对我有用的东西，但结果都不是我需要的，我试过的一些是基于以下链接中的答案：

Vertically centering button using css

在fiddle中查看我的代码。

注意：我不允许使用CSS框架，也不允许使用ID进行样式化。

我感谢任何帮助。谢谢！

Answer 1

在vertical-align:middle;

上使用textarea

CSS

textarea{
vertical-align:middle;
}

Answer 2

您可以通过赋予图像宽度，高度和所需的边距填充来调整图像。

img {
    width: 30px;
    height: 30px;
    background-color: red;
}

对于居中对象，您可以使用margin：0 auto;

如何将带有图像的按钮元素垂直居中？

2 个答案: