HTML 양식 포지셔닝

Question

두 개의 HTML 양식 요소를 만들었으므로 같은 줄에 배치해야하지만 다른 하나는 아래에 배치해야합니다.

이 문제를 어떻게 해결할 수 있습니까? 어떤 CSS를 적용해야합니까?

Answer 1

양식에 display:inline 스타일을 적용하십시오. 양식은 기본적으로 블록 수준 요소이므로 인라인으로 설정해야합니다. 또는 양식을 뜨는 수 있습니다.

Answer 2

는 별도의 두 개의 텍스트 상자의 경우 \ DIV \

그런 다음 각 \ 사업부 \

에서 class="el" 적용을 위해 당신이 할 수있는 코드를 단순화 다음이

div.el{display:inline;} 

처럼 쓰기 css 속성을 \ input \ element에도 쓰십시오.

Answer 3

양식은 기본적으로 블록이며 블록은 자동으로 사용 가능한 너비의 100 %를 차지하며 다른 쪽 아래로 밀어 넣습니다. 인라인 요소는 페이지 흐름에 따라 서로를 간단하게 추가합니다.

이 article은 잘 쓰여 있습니다. 그것은 당신에게 많은 도움이 될 수 있습니다. 페이지의 양식을 인라인 요소로 표시하도록 강제 할 수있는 방법은 다음과 같습니다.

form { dispaly:inline; }