CSS - 垂直对齐文本，其中文本可以是多行

Question

我已经获得了平面设计师的设计，我正试图将其放入HTML和CSS中。

我面临的一个问题是用户输入表单。在设计中，每个输入的标签都是固定宽度 - 比如100px。每个标签/输入对的容器固定为2em。我给出的设计要求每个标签的文本垂直对齐。所以结构是这样的：

<containerTag>
    <label />
    <input />
</containerTag>

只要文本在一行上没有问题（我会使用2em的行高来匹配容器），但标签中的一些文本包裹到两行或偶数行。

是否有一种语义和好方法来解决这个问题？

我需要一些适用于IE6-9，Firefox 3.5 +，Chrome和Safari的东西。虽然我使用渐进式增强功能，但如果有一个解决方案只适用于以后的浏览器，但不会破坏旧版本，那么这是可以接受的。

感激不尽的任何帮助！

感谢您的时间 小号

Answer 1

你的意思是......优雅的退化？ ：P

将标签的空白CSS属性设置为“nowrap”。