垂直对齐自动换行标签旁边的输入并支持非自动换行标签？答案

【问题标题】：Vertically align input next to word-wrapped label with support for non-wordwrapped label?垂直对齐自动换行标签旁边的输入并支持非自动换行标签？
【发布时间】：2012-11-03 13:46:29
【问题描述】：

http://jsfiddle.net/9ctTD/18/

我有一些标签可能会或可能不会自动换行。当标签自动换行时，我的输入元素垂直对齐到包含 div 的底部。我希望我的输入元素与自动换行元素的中心对齐。

我能够通过使用 vertical-align: 50% 来实现这一点，但这具有破坏非自动换行标签/输入对对齐的负面影响。

我查看了this StackOverflow post regarding alignment，但它似乎解决了与我遇到的问题不同的问题。

有人知道如何实现吗？

【问题讨论】：

标签： css html

【解决方案1】：

label {
  max-width: 80px;
  vertical-align:middle;
}

【讨论】：

嗯。即使经过多年的实践，Css 也是一头奇怪的野兽。我可以发誓我试过了，但显然我没有！谢谢！