1

我有一个布局如下的表单:

  1. 姓名:
    电话:
    电子邮件:

  2. 姓名:
    电话:
    电子邮件:

我的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 后面都有一个回车,如下所示:


  1. 姓名:
    电话:
    电子邮件:


  2. 姓名:
    电话:
    电子邮件:

知道如何删除 IE 中的多余行吗?

4

0 回答 0