[英]Internet Explorer: Bad visualization of CSS Table (table-row, table-cell)
I've made a CSS table structure using display table, table-row and table cell properties. 我使用显示表,表行和表单元格属性制作了CSS表结构。
Each p has table-row property and they jump line OK. 每个p具有table-row属性,它们跳行OK。 But when I put 2 o more elements (input or select) in the same
<p>
I would like that this elements were inline but in IE (last version) jump of line in spite of to belong to he same <p>
但是,当我在同一个
<p>
放置2个或更多元素(输入或选择)时,我希望这些元素是内联的,但在IE(最新版本)中,尽管属于相同的<p>
Is there any solution to fix this? 有解决此问题的解决方案吗? The perfect visualization is like Firefox, all elements in line.
完美的可视化效果就像Firefox,所有元素都对齐。
<p><label>Name (first, second): </label><input type="text" /><input type="text" /></p>
Example: http://jsfiddle.net/HY62t/ 示例: http : //jsfiddle.net/HY62t/
Add vertical-align: top
(and padding-top
) or middle
to labels
. 在
labels
添加vertical-align: top
(和padding-top
)或middle
。
In case of two inputs on separate lines zou can use for example fieldset input {float: left;}
. 如果在单独的行上有两个输入,则zou可以使用例如
fieldset input {float: left;}
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.