CSS：如何在“ div”内垂直对齐“标签”和“输入”？
考虑以下代码：
HTML:
<div>
<label for='name'>Name:</label>
<input type='text' id='name' />
</div>
CSS:
div {
height: 50px;
border: 1px solid blue;
}
将label和放在（垂直）input中间的最简单方法是div什么？
问题答案：
div {
display: table-cell;
vertical-align: middle;
height: 50px;
border: 1px solid red;
}
<div>
<label for='name'>Name:</label>
<input type='text' id='name' />
</div>
此方法的优点是您可以更改的高度div，更改文本字段的高度并更改字体大小，并且所有内容始终位于中间。
-
问题内容： 我有一个div（#wrapper），其中包含2个并排站立的div。 我希望将右div垂直对齐。我在主包装器上尝试了vertical-align：middle，但是它不起作用。它让我发疯！ 希望有人能帮忙。 HTML： CSS： 问题答案： 您没有浮点元素的运气。他们不服从垂直对齐， 您需要的是： 请小心，因为它将元素之间的空白解释为真实的空白。它不会像对待它那样忽略它。 我建议这样做：
-
我知道这个问题已经被问过很多次了，但我已经试过了我所读到的任何东西。 我想水平和垂直对齐一个div内的img。 容器div在一个modal中显示图片，一旦点击它的预览。那么它将包含任意大小的图片。 我可以水平或垂直对齐，但不能同时对齐。 HTML代码:https://pastebin.com/7dcq1ajg null 模态示例（img未垂直对齐）:https://ibb.co/j4nj1q （.
-
问题内容： 我在浮动div中有一个img，但我不知道如何垂直居中。 垂直对齐：当然中间不起作用。 问题答案： 要在父元素中垂直对齐文本，并谨记的是一个内联元素等行为 类似 文本，你可以简单地设置到父元素： 。
-
问题内容： 如何在容器中对齐图像？ 例 在我的例子，我需要垂直居中的在用“： 的高度是固定的，图像的高度是未知的。如果这是唯一的解决方案，则可以添加新元素。我正在尝试在Internet Explorer 7和更高版本的WebKit，Gecko上执行此操作。 在这里查看jsfiddle 。 问题答案： 唯一的（和最好的跨浏览器）的方式，因为我知道是使用佣工，并在这两个元素。 因此，有一个解决方案：h
-
问题内容： 我试图找到最有效的方法来使div对齐文本。我尝试了几件事，但似乎都没有用。 问题答案： 对于CSS 2浏览器，可以使用/ 来使内容居中。 jSFiddle提供了一个示例： 可以将旧浏览器（Internet Explorer 6/7）的hack合并为样式，并用于从较新的浏览器中隐藏样式：
-
问题内容： 我有一个包含两个图片的div和一个。它们都需要在div内垂直对齐，彼此相邻。 其中一张图片需要放在div内。 要在所有常见的浏览器上运行，需要什么CSS？ 问题答案： 简而言之： 内联元素 （并且 仅 内联元素）可以在上下文中垂直对齐。但是，“上下文”不是整个父容器的高度，而是它们所在的文本行的高度 对于块元素，垂直对齐更加困难，并且在很大程度上取决于特定情况： 如果内部元件可以有一个