将输入旁边的输入垂直对齐并支持非自动换行标签?

时间:2012-11-14 23:49:39

标签: css html5

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

我有一些标签,可能会也可能不会打字。当标签wordwraps时,我的输入元素垂直对齐到包含div的底部。我希望我的input元素与单词包装元素的中心对齐。

我能够通过使用vertical-align: 50%来实现这一点,但是这会产生对非文字包装标签/输入对的对齐的负面副作用。

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

任何人都知道如何实现这一目标?

1 个答案:

答案 0 :(得分:1)

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