Question

下面的代码在以前版本的IE10和所有其他浏览器中都很好。

<input type="radio"  name="RBLSample" style="display:inherit" value="Test1"  />
<input type="radio"  name="RBLSample" style="display:inherit" value="Test2"  />
<input type="radio"  name="RBLSample" style="display:inherit" value="Test3"  />
<input type="radio"  name="RBLSample" style="display:inherit" value="Test4"  />

IN IE10 browser raidion button逐个显示，而不是单行显示。

我想以单行显示所有单选按钮项目。

Answer 1

试试这个肯定会在IE 10上运行。

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    input[type="radio"]{float:left;}
}

Answer 2

你最好试试这个，因为你使用了display: inherit，这意味着它将相对于父元素定位。

<input type="radio"  name="RBLSample" style="display:inherit;float:left;width:15px;" value="Test1"  />
<input type="radio"  name="RBLSample" style="display:inherit;float:left;width:15px;" value="Test2"  />
<input type="radio"  name="RBLSample" style="display:inherit;float:left;width:15px;" value="Test3"  />
<input type="radio"  name="RBLSample" style="display:inherit;float:left;width:15px;" value="Test4"  />

HTML下拉水平对齐在IE10中不起作用

2 个答案: