처리중입니다.
잠시만 기다려주십시오.
이 누리집은 대한민국 공식 전자정부 누리집입니다.
적용 지원, FAQ, Q&A 게시판을 통해 기술 문제 해결을 지원합니다.
최*웅
2012-09-20 11:41:15
1,846
모바일
완료
타이틀과 input 을 한줄에 있도록 하는 속성이 있는지요
모바일 세로로 볼때(겔럭시 노트에서도 떨어짐..)는 타이틀과 input이 떨어지내요..
화면캡춰.hwp [181,248 Byte]
다운로드
안녕하세요. 최대웅님
<label> 태그와 <input> 태그가 화면 넓이에 따라
나란히 또는 위아래로 배치되는 형태로 보이게 됩니다.
화면 넓이와 상관없이 나란히 위치하는 형태로 만들고 싶으시다면
영향을 주는 CSS를 수정 또는 확장하여 사용하시면 됩니다만,
간단하게는 Grid Wiew 컴포넌트를 사용하여 구현하시면 됩니다.
기본적인 Input 형태가
<label for="text">Text :</label>
<input type="text" id="text"/> 와 같다면
<div class="ui-grid-a">
<div class="ui-block-a"><div class="ui-body-e" align="center"><h3>Text :</h3></div></div>
<div class="ui-block-b"><div class="ui-body-e" align="center">
<label for="text" style="display:none"></label>
<input type="text" id="text"/>
</div></div>
</div> 형태로 사용하시면
나란하게 Text 내용과 <input> 태그를 함께 나타낼 수 있습니다.
고맙습니다. 좋은 하루 되시길 바랍니다.