| CMS/프레임워크 | XE 1.x |
|---|---|
| 개발 언어 | PHP 5.x |
| 문제 페이지 주소 | 비공개 (작성 후 5일 경과) |
늦은시간 죄송합니다.
css 문제인데 div 안에 label과 input박스가 한 라인에 나와야 하는데
줄바꿈되서 나오는데 미치겠네요 ㅠㅠ
아래 입력폼이 한 라인에서 나와야 하는데 줄 바꿈되서 나옵니다.
css가 젤 어려운거 같아요ㅠㅠ
display:block
display:inline-block
이부분이 꼬인게 아닌가 싶은데요
한번 봐주시면 감사하겠습니다.
![div 한라인.PNG [File Size:19.3KB/Download:4]](/files/download/link/1147897/e0950d01523abf11831bd92314271cba/div%20%ED%95%9C%EB%9D%BC%EC%9D%B8.PNG){kind=link}
댓글 4
label | div > input 이런식으로 구성하셨으니
label이 끝나고 block요소인 div에 의해서 줄이 바뀌지요.
input박스 상단의 div를 제거하거나 inline 요소로 바꾸시면 될거 같네요. ^^
말씀 주신대로 input 박스 상단 div를 inline-block로 변경을 했는데도
같은 라인에서 나오지 않네요ㅠㅠ
왜이런건지 원..
가능하시면 다시 한번만 봐주시면 감사하겠습니다.
<input ~ >
</div>
에서 div를 span으로 바꾸면 한줄에 표시될 거에요.
그리고 적당히 margin-left 값을 조정해서 원하시는대로 위치 잡으시면 될 것 같습니다.
.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;} 하시고 마진을 조정하거나