jquery - IE 中的样式(jquery)复选框按钮自动换行

Question

由于代码太长，我无法在此处发布，我创建了一个 demo page .

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

下面是IE8的截图:

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

这是 Chrome 的屏幕截图。

对于 IE，我尝试将 checkbox 列表放入一个 div(#request_type) 并设置它的 width(大约 150px)，希望checkbox 列表将环绕，但它不起作用。

Answer 1

为了保持一致的外观，只需将 label 元素定义为仅适用于 IE 的 display:inline-block，方法是使用可以放置在文档标题中的条件注释，像这样:

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