Empêcher <form> rupture de ligne entre deux <form> étiquettes

Question

Je veux empêcher les sauts de ligne entre deux formes que j'ai.

Donc, en gros:

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

Je veux retirer le saut de ligne. Je veux que les boutons d'entrée soient sur la même ligne, comme un menu.

Answer 1

form { 
    display: inline; 
} 

Answer 2

Ou:

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

Answer 3

Je pense que ceci est la bonne solution:

form { display: inline-block; } 

La valeur inline-block est utilisé dans le but de poser des éléments de type bloc natif en ligne . Ces éléments resteront des blocs. Changer le modèle d'un élément d'un bloc à l'autre est un mouvement radical car il peut faire des dégâts en fonction du contenu de l'élément.

Pour ce problème particulier, l'utilisation du bloc inline est la solution.

Answer 4

Ceci est un vieux fil, donc je n'aide probablement personne, mais voici ma suggestion. De nombreux programmeurs évitent tables et donc n'aiment pas ma méthode, mais je résoudre ce problème comme suit:

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

Answer 5

Si l'affichage: en ligne ne fonctionne pas, il est peut-être parce qu'un élément parent a une largeur qui est trop petite pour maintenir les deux à côté l'un de l'autre, et cela peut amener les éléments de formulaire à se briser sur des lignes séparées. Essayez d'ajouter cette règle au style du conteneur contenant les deux formulaires:

white-space: nowrap;