我有一个表格列，其中一个复选框后跟一个标签。示例HTML代码为：
< td class = "namecell" >< input type="checkbox" class = "checkboxclass" value="cs1" /> < label class = "celllabel" id = "nlcs1" >lable data < /label> < /td>
然而，在IE中，复选框和标签未在同一行中对齐。标签进入下一行，这会影响页面的外观和整体对齐。但是，这对Firefox和Chrome等其他浏览器来说不是问题。 我尝试指定宽度和高度，但无法解决问题。我基本上希望复选框和标签都在同一行。
有没有人以前遇到过这样的问题。需要帮助。
答案 0 :(得分：0)
一般来说，一个不间断的空间就足够了。
<td class="namecell"><label
class="celllabel"><input type="checkbox" class="checkboxclass"
value="cs1" /> lable data </label></td>
答案 1 :(得分：0)
两种工作方式：
nowrap="nowrap"标记中使用属性nowrap（或仅td不使用XHTML时）。td标记内包装nobr元素的内容：
<td ...><nobr>...</nobr></td> 有人可能会抱怨nowrap已被弃用且nobr是非标准的，但它们是实际完成工作的工具。在这种情况下，它们似乎都有效，但总的来说，nobr适用于某些nowrap没有的情况。
使用 （或实际的不间断空格）无济于事。实际上，即使没有空格介入，复选框和标签也可能会显示在不同的行上，除非您使用上述方法。
在CSS中使用white-space: nowrap（在td元素上）应该有助于CSS 2.1规范，但它在实践中不起作用。
只有当某些内容阻止浏览器扩展单元格宽度以在一行中容纳其内容时，才会出现此问题。例如，这可能是宽度规范。请注意，强制复选框和同一行上的标签可能会导致覆盖with规范。