我有一个布局如下的表单:
姓名:
电话:
电子邮件:姓名:
电话:
电子邮件:
我的html是:
<ol class="information">
<li>
<ul>
<li>
<label>Name:</label>
<input name="Name1" type="text" />
</li>
<li>
<label>Phone:</label>
<input name="Phone1" type="text" />
</li>
<li>
<label>Email:</label>
<input name="Email1" type="text" />
</li>
</ul>
</li>
<li>
<ul>
<li>
<label>Name:</label>
<input name="Name2" type="text" />
</li>
<li>
<label>Contact Number:</label>
<input name="Phone2" type="text" />
</li>
<li>
<label>Email:</label>
<input name="Email2" type="text" />
</li>
</ul>
</li>
</ol>
我的 CSS 是:
ol.information ul { list-style-type:none; 边距:0;填充:0;}
ol.information ul label
{
display:inline-block;
width:125px;
}
在 chrome、firefox、opera 中,它看起来是正确的。在 IE(任何版本)中,数字 1 和 2 后面都有一个回车,如下所示:
姓名:
电话:
电子邮件:
姓名:
电话:
电子邮件:
知道如何删除 IE 中的多余行吗?