Internet Explorer中的嵌套列表问题

时间:2012-05-18 14:27:03

标签: internet-explorer list nested

我的表单有这样的布局:

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

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

  3. 我的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,像这样:


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


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

    3. 知道如何删除IE中的额外行吗?

0 个答案:

没有答案