세로 대신 세로 모양

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)를 사용하고 싶습니다.

그러나 플로팅은 때로는 이상하게 작동하므로 확실히 작동하는 방법에 대한 좋은 아이디어를 얻으려면 인터넷 검색을하고 싶을 것입니다.

이

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를 사용하지 않겠다고 것입니다

그래서, 신속하게 원래의 코드를 수정, 인라인 CSS 당신을 보여 더 나은 아이디어는 :

button { 
    float: left; 
} 

Answer 2

버튼은 아마 별도의 form 요소에 각각 포함하고 있다는 사실을 제외하고, 수평으로 서로 옆에 결국하지 않을 것입니다. 도

form { 
float: left; 
} 

또한 버튼을 플로트 수 - 다른 브라우저에서 그것을 시도해야합니다 : 당신의 CSS에서, 당신은 form 왼쪽을 떠 있습니다. CSS 리셋 템플릿도 포함시켜야합니다.

Answer 3

당신은 언급 @compeek 같은

float:left

을하고있다 사용할 수 있습니다 또는 당신은 다음과 같이 브레이크 태그를 사용할 수 있습니다 :

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 }