IE中的style（jquery）复选框按钮自动换行

Question

由于代码的长度我无法在此处发布，因此我创建了demo page。

1. 使用IE打开页面。
2. 点击“添加”链接。
3. 然后，单击“指定请求类型”。

Bellow是来自IE8的截图：



使用Chrome，Safari和Firefox查看页面时，您应该能够看到所需的布局

这是Chrome的屏幕截图。

对于IE，我试图将checkbox列表放入div（#request_type）并设置其width（类似于150px），希望checkbox列表将包裹，但它不起作用。

Answer 1

很难理解这里发生了什么，但浮动标签有助于将项目保留在自己的列中：

#request_type label {
  float: left;
}

Answer 2

要获得一致的外观，只需使用可放置在文档标题中的条件注释，将IE label元素定义为display:inline-block，如下所示：

<!--[if lt IE 9]>
.ui-button {
    display: inline-block;
}
<![endif]-->

Answer 3

我转到上面的网址，但没有看到任何按钮。

关于您接受的答案的说明。如果您的网页/应用支持浏览器，则display: inline-block在IE7中并不总是有效。