İki <form> arasındaki hat kopmasını engelletags

Question

Sahip olduğum iki form arasındaki satır sonlarını önlemek istiyorum. Yani temelde

:

<form action="..."> 
<input type="submit" /> 
</form> 
LINE BREAK HERE 
<form action="..."> 
<input type="submit" /> 
</form> 

Ben için satır sonu kaldırmak istiyorum. Giriş düğmelerinin bir menü gibi aynı satırda olmasını istiyorum.

Answer 1

form { 
    display: inline; 
} 

Answer 2

veya:

form { display: inline-block; } 

sıralı blok değeri içi doğal blok düzeyinde elemanlarının dışarı atarken amacıyla kullanılır:

form { 
    float: left; 
    margin-right: 5px; 
} 

Answer 3

Bu doğru solüsyon olduğunu düşünüyorum . Bu elemanlar hala blok olarak kalacaktır.

Modelin bir satırdan satır içi çizgiye dönüştürülmesi radikal bir harekettir, çünkü öğenin içeriğine bağlı olarak işleri bozabilir.

Bu özel sorun için, satır içi bloğun kullanılması yoldur.

Answer 4

Bu eski bir iş parçacığıdır, bu yüzden muhtemelen hiç kimseye yardımcı olamıyorum, ama işte benim önerim. Birçok programcı tabloları önlemek ve bu nedenle benim yöntemi beğenmediğini ama şöyle ben bu sorunu çözmek:

<table><tr><td><form></form></td><td><form></form></td></tr></table> 

Answer 5

Eğer ekran: Bir ana unsur çok küçük bir genişliğe sahip olduğundan satır içi çalışmıyor, bu olabilir Birbirine bitişik tutmak ve bu da form öğelerinin ayrı satırlara kırılmasına neden olabilir. İki kuralı içeren kapsayıcıya bu kuralı eklemeyi deneyin:

beyaz boşluk: nowrap;