2 HTML-Formulare nebeneinander

Question

Ich muss eine Bestätigungsschaltfläche und eine Abbrechen-Schaltfläche auf einer Seite platzieren.

Ich habe gewählt, um Formulare mit verschiedenen Aktionen zu erstellen, aber die 2 Schaltflächen (Formulare) werden nicht nebeneinander angezeigt.

Wie machen wir es ohne einen Tisch?

Vielen Dank!

Answer 1

Sie können dies tun, ohne Schwimmer, wenn Sie das Formular und jedes Element gesetzt Inneren Anzeige inline sein, dann werden sie nebeneinander sitzen. Der Grund dafür, dass sie nicht nebeneinander liegen, liegt darin, dass Formulare, genau wie divs und Absätze, Elemente auf Blockebene sind, wenn sie inline gesetzt werden, wird dies behoben.

Für Beispiel

.button-container form, 
.button-container form div { 
    display: inline; 
} 

.button-container button { 
    display: inline; 
    vertical-align: middle; 
} 

Mit dem folgenden HTML

<div class="button-container"> 
    <form action="confirm.php" method="post"> 
     <div> 
      <button type="submit">Confirm</button> 
     </div> 
    </form> 

    <form action="cancel.php" method="post"> 
     <div> 
      <button type="submit">Cancel</button> 
     </div> 
    </form> 
</div>

Answer 2

Machen Sie beide "float: links". Und mache das Element nach ihnen "klar: beides";

Sollte funktionieren :)

Answer 3

Wie gesagt, wenn Sie Inline-Elemente wollen, sie inline machen. Das ist besser:

display:inline-block;