如何在没有自动换行的情况下格式化带有大量文本的标签？

Question

如何在无线电输入旁边显示有大量文字的<label>，而不在输入周围包含该文字。

在这个jsfiddle中：http://jsfiddle.net/JXrHh/1/

我使用display: inline block;来获取我想要的格式。但只有在使用<br/>标记分解文本时，这才有效。否则，文本将落在无线电输入下方。

如果没有display: inline block;，文本将围绕无线电输入。

我必须在某个地方遗漏一些小细节，任何人都可以帮忙指出来吗？

Answer 1

您也可以在display: table-cell;元素上使用<label>，并且无需指定宽度，因为内容将决定它：

http://jsfiddle.net/JXrHh/5

Answer 2

如果为inline-block元素设置固定宽度，则不需要显式换行符：

http://jsfiddle.net/JXrHh/3/

label.inline {
    display: inline-block;
    width: 200px;
}

Answer 3

这只是一件小事。 如果你有足够的空间，你不想成为有限的。 你可以随意扩展。限制它

label.inline {
display: inline-block;
width:200px;

}