늦은시간 죄송합니다.
css 문제인데 div 안에 label과 input박스가 한 라인에 나와야 하는데
줄바꿈되서 나오는데 미치겠네요 ㅠㅠ
아래 입력폼이 한 라인에서 나와야 하는데 줄 바꿈되서 나옵니다.
css가 젤 어려운거 같아요ㅠㅠ
display:block
display:inline-block
이부분이 꼬인게 아닌가 싶은데요
한번 봐주시면 감사하겠습니다.
| PHP | PHP 5.5 |
|---|---|
| CMS | XpressEngine |
-
?
?
답변 감사합니다^^
말씀 주신대로 input 박스 상단 div를 inline-block로 변경을 했는데도
같은 라인에서 나오지 않네요ㅠㅠ
왜이런건지 원..
가능하시면 다시 한번만 봐주시면 감사하겠습니다. -
?
?
<div class="x_controls">
<input ~ >
</div>
에서 div를 span으로 바꾸면 한줄에 표시될 거에요.
그리고 적당히 margin-left 값을 조정해서 원하시는대로 위치 잡으시면 될 것 같습니다. -
1.
.x-controls에 margin-left:200px인것으로 보아 label의 class .x-control-label에 float:left를 주면 될 것이고
x_control-group:after {display:table; content:" "; clear:both}를 추가
또는
2.
input를 감싸고 있는 div class .x_controls {display:inline-block;} 하시고 마진을 조정하거나
label | div > input 이런식으로 구성하셨으니
label이 끝나고 block요소인 div에 의해서 줄이 바뀌지요.
input박스 상단의 div를 제거하거나 inline 요소로 바꾸시면 될거 같네요. ^^