IE中的style(jquery)复选框按钮自动换行

时间:2012-02-16 08:00:41

标签: jquery css internet-explorer cross-browser

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

  1. 使用IE打开页面。
  2. 点击“添加”链接。
  3. 然后,单击“指定请求类型”。
  4. Bellow是来自IE8的截图:

    screenshot from IE8

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

    screenshot from Chrome 这是Chrome的屏幕截图。

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

3 个答案:

答案 0 :(得分:0)

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

#request_type label {
  float: left;
}

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

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

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