IE6 HTML控件包装

Question

有没有办法阻止IE6中的控件换行？例如，我有一个标签和一个选择框。选择框宽度是动态的（取决于内容）。我希望标签始终位于选择框的左侧。现在我遇到的问题是标签下面的选择框。我已经尝试使用<nobr>标记以及CSS自动换行规则，但由于这不是文本，因此包装规则不适用。我找到的确保其工作的唯一方法是将它们放在一个双列表中，但我不喜欢这个解决方案。还有其他办法吗？

Answer 1

如果标签和输入都有内联显示（“display：inline;”）并且输入断开到新行，那么父容器可能太窄。话虽如此，典型的水平标签形式布局不依赖于这种内联显示，它们采用更加受控的方法，利用块级浮动元素。例如，给定以下HTML：

<div class="field">
    <label for="fieldId">field label</label> 
    <input id="fieldId" name="field" />
</div>

您可以使用以下CSS设置标签的位置：

.field {
    overflow: hidden; /* clear float */
}
.field label {
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

关于细节有一个ton of variations，但上面传达了基本概念。