我的表单有这样的布局:
名称:
电话:
电子邮件:
名称:
电话:
电子邮件:
我的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
{
列表样式类型:无;
余量:0;
填充:0;
}
ol.information ul label
{
display:inline-block;
width:125px;
}
在chrome,firefox,opera中,它看起来是正确的。在IE(任何版本)中,在1号和1号之后有一个回车符。 2,像这样:
名称:
电话:
电子邮件:
名称:
电话:
电子邮件:
知道如何删除IE中的额外行吗?