2 formularze HTML na boki

Question

Muszę umieścić przycisk Potwierdź i przycisk anulowania na stronie.

Wybrałem tworzenie dla formularzy z różnymi czynnościami, ale 2 przyciski (formularze) nie są wyświetlane obok siebie.

Jak to zrobić bez stołu?

Dziękujemy!

Answer 1

Można to zrobić bez pływaków, jeśli ustawisz formę i każdy element wewnątrz to być wyświetlacz inline następnie będą siedzieć obok siebie. Powodem, dla którego nie są one obok siebie, jest fakt, że formularze, podobnie jak elementy div i akapity, są elementami blokowymi, dlatego ustawienie ich do wyświetlania w linii spowoduje ich usunięcie.

Dla przykładu

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

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

z następującymi 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

Wykonaj oba "ruchome: lewe". I spraw, aby element za nimi był "czysty: oba";

Powinna działać :)

Answer 3

Jak powiedział, jeśli chcesz elementy inline, uczynić je inline. To jest lepsze:

display:inline-block;