Question

如何为兄弟姐妹而不是父母设定保证金？例如，我有输入字段，按钮和文本区域。我确实想要这些元素之间的边距，但我不想要父元素的（额外）边距。

我知道我可以为右上角左下角设置单独的值，但这不适用于IMO。

＆＃13;

      body {
        background-color: #717074;
        font-family: sans-serif;
        margin: 1em;
      }
      .d1 {
        background-color: white;
        margin: 0 auto;
        padding: 1px 1em;
        width: 960px;
      }
      .fw {
        width: 100%
      }
      input {
        margin: 5px
      }
      textarea {
        width: 100%
      }

＆＃13;

<div class=d1>
  <form method=post>
    <input name=name type=text required placeholder="Naam">
    <br>
    <input name=email type=email required placeholder="Emailadres">
    <textarea name=body rows=5></textarea>
    <input type=submit>
  </form>
</div>

＆＃13;

因此，名称和电子邮件输入元素之间应该存在边距，但这两者之间不应存在边距（例如）。我可以通过将左右边距设置为0来作弊，因为当名称和电子邮件元素位于同一行时，它会破坏。

Answer 1

更新为在一行上使用输入（两者之间没有换行符）。

请注意，我已将所有输入放在HTML中的一行，因为正在呈现元素之间的空白！（See here获得解释）

      body {
        background-color: #717074;
        font-family: sans-serif;
        margin: 1em;
      }
      .d1 {
        background-color: white;
        margin: 0 auto;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 0px;
        width: 960px;
      }
      .fw {
        width: 100%
      }
      input {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 5px;
        margin-bottom: 5px;
      }
      textarea {
        width: 100%;
      }

<div class=d1>
  <form method=post>
    <input name=name type=text required placeholder="Naam"><input name=email type=email required placeholder="Emailadres"><textarea name=body rows=5></textarea><input type=submit>
  </form>
</div>

Howsat？

如何为兄弟姐妹而不是父母设定保证金？

1 个答案: