Question

＆＃13;

    div {
        display:inline-block;
        text-align: justify;
    }
    dl {
        width :100%;
        overflow :hidden;
        margin: 0px 0px 0px 0px;
        padding :0px 0px 0px 0px;
    }
    dl dt {
        float :left;
        width :200px;
        margin :0px 0px 0px 0px;
        padding: 0px 0px 1em 0px;
    }
    dl dd {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 1em 0px;
    }

＆＃13;

<div>
    <dl>
      <dt>Some title</dt>
        <dd>
          <input />
          <br />
          <input/>
          <br />
          <textarea></textarea>
          <br />
          <input />
          <br />
          <input />
          <br />
        <dd>
    </dl>
</div>

＆＃13;

你好，

我有上面的代码。

所有浏览器的结果都与此代码段中的结果不同：

在现实生活中。 dd中的第一个输入与dt在同一行上对齐，在右边。

第二个输入在第一个输入下对齐。但是从第3个输入开始，dd中的所有输入都落在dt左下方。

我无法将dd中的所有文本和输入对齐在同一级别，而不会在第3行的dt下方向左下方。

非常感谢任何帮助。

谢谢，Alex

dd内部水平对齐

0 个答案: