Internet Explorer：CSS表的可视化错误（表格行，表格单元格）

Question

我使用display table，table-row和table cell properties创建了一个CSS表结构。

每个p都有表行属性，它们跳线OK。但是当我在同一个 <p> 中添加2个以上的元素（输入或选择）时，我希望这些元素是内联的但是在IE（最后版本）中尽管是跳线属于同一个 <p>

有没有解决方法可以解决这个问题？完美的可视化就像Firefox，所有元素一致。

<p><label>Name (first, second): </label><input type="text" /><input type="text" /></p>

示例：http://jsfiddle.net/HY62t/

Answer 1

在CSS中添加以下类。

 fieldset input{display:inline-block}

它将解决您的问题，并在所有浏览器中正确显示。

Demo

Answer 2

将vertical-align: top（和padding-top）或middle添加到labels。

如果两个输入位于不同的行上，则可以使用例如fieldset input {float: left;}。