Question

我想避免登录和注册按钮之间的换行，这样两个按钮就在同一行中

    <h1>Are You ready to take the quiz</h1>
      <form action="link1">
        <input type="submit" value="Login" />
      </form>
      <form action="link2">
        <input type="submit" value="Register" />
      </form>

Answer 1

你可以使用css。

form {
  display: inline-block;
}

为了防止您使用的每个form元素被内联，我会将一个类附加到您想要内联的类。

<form class="inline" action="link1">
  <input type="submit" value="Login" />
</form>
<form class="inline" action="link2">
  <input type="submit" value="Register" />
</form>


form.inline {
  display: inline-block;
}

Demo

Answer 2

这里有一个解决方案，我使用了一个容器：sameLine，所以evrithing就是div会在同一行上

＆＃13;

.sameLine{white-space: nowrap;}
.sameLine * {
 display: inline;
}

＆＃13;

<h1>Are You ready to take the quiz</h1>
<div class="sameLine">
      <form action="link1">
        <input type="submit" value="Login" />
      </form>
      <form action="link2">
        <input type="submit" value="Register" />
      </form>
 </div>

＆＃13;

如何避免这两种形式之间的换行

2 个答案: