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

Question

我使用显示表，表行和表单元格属性制作了CSS表结构。

每个p具有table-row属性，它们跳行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}

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

演示

Answer 2

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

如果在单独的行上有两个输入，则zou可以使用例如fieldset input {float: left;} 。