由于代码的长度我无法在此处发布,因此我创建了demo page。
Bellow是来自IE8的截图:
使用Chrome,Safari和Firefox查看页面时,您应该能够看到所需的布局
这是Chrome的屏幕截图。
对于IE,我试图将checkbox
列表放入div(#request_type)并设置其width
(类似于150px),希望checkbox
列表将包裹,但它不起作用。
答案 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中并不总是有效。