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

由于代码长度的限制，我无法在此处发布，因此我创建了一个demo page。IE中的样式（jquery）复选框按钮自动换行

贝娄是从IE8截图：

screenshot from IE8

你应该能够看到所需的布局查看使用Chrome，Safari和Firefox

页面时

screenshot from Chrome 这是一个来自Chrome的截图。

对于IE，我试图把的checkbox列表到一个div（#request_type）并设置其width（喜欢的东西150像素），希望checkbox名单将环绕，但没有奏效。

2012-02-16 Miranda

你可以发布你如何看到它的图像。对我来说，它在IE9中完全不起作用，IE7看起来类似于Chrome？ – 2012-02-16 08:45:58

我在IE8中加载了你的演示页面，我无法重现你的问题。该列表正确包装。 – wecsam 2012-02-20 05:59:41

对于一个一致的外观简单地只用定义label元素display:inline-block为IE一个有条件的评论，你可以在你的文档的标题，如下所示：

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

2012-02-20 06:28:18

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

#request_type label { 
    float: left; 
}

2012-02-20 05:53:50 manafire

我去你的URL上面，没有看到任何按钮。

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

2012-02-22 16:02:10

回答