水平的形式，而不是垂直

Question

語言：PHP，HTML

嗨，我有一個問題，使一些代表房間的按鈕。 每個按鈕都標有一個房間號碼，我試圖讓按鈕並排放置。

 foreach($row1 as $row2) 
     { 
      echo "<form method='post' action='ss room details.php'>"; 
      echo "<button>".$row2."</button>"; 
      echo "<input type=hidden name=roomNum value=".$row2.">"; 
      echo "</form>"; 
     } 
     echo "</td>"; 

這些按鈕垂直列出，併爲每個按鈕設置一個新行。我如何水平顯示它？

謝謝！

Answer 1

你想每個人float: left;（CSS）。

但是，浮動行爲有時會有些奇怪，所以你一定會想要做一些Google搜索來了解它是如何工作的。

因此，要迅速顯示您使用內聯CSS，修改原來的代碼：

foreach($row1 as $row2) 
{ 
    echo "<form method='post' action='ss room details.php'>"; 
    echo "<button style=\"float: left;\">".$row2."</button>"; 
    echo "<input type=hidden name=roomNum value=".$row2.">"; 
    echo "</form>"; 
} 
echo "</td>"; 

編輯：它從來就不是一個好主意，使用內聯CSS，雖然如此，把CSS在你的電子表格一個更好的主意：

button { 
    float: left; 
} 

Answer 2

按鈕不會可能彼此相鄰的最終水平，除了事實，你包括每個人在一個單獨的form元素。在你的CSS，你可以浮動form左：

form { 
float: left; 
} 

你也可以浮動按鈕，太 - 一定要嘗試在不同的瀏覽器。也不會因爲包含CSS重置模板而受到傷害。

Answer 3

您可以使用

float:left

像@compeek已經提到，或者你可以使用break標籤是這樣的：

foreach($row1 as $row2) 
     { 
      echo "<form method='post' action='ss room details.php'>"; 
      echo "<button>".$row2."<br/>"; 
      echo "<input type=hidden name=roomNum value=".$row2."><br/>"; 
      echo "</form>"; 
     } 
     echo ""; 

Answer 4

我會傾向於使用display: inline。這將使表單和按鈕的行爲與文本流中的普通元素一樣。在必要時做一個換行符<br>。

form { display: inline } 
button { display: inline }