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;} 。