모바일 세로보기에서 Form 에서 타이틀과 입력폼등이 밑에줄에 위치
- 작성자 :
- 최*웅
- 작성일 :
- 2012-09-20 11:41:15
- 조회수 :
- 1,426
- 구분 :
- 모바일
- 진행상태 :
- 완료
Q
타이틀과 input 을 한줄에 있도록 하는 속성이 있는지요
모바일 세로로 볼때(겔럭시 노트에서도 떨어짐..)는 타이틀과 input이 떨어지내요..
모바일 세로로 볼때(겔럭시 노트에서도 떨어짐..)는 타이틀과 input이 떨어지내요..
A
안녕하세요. 최대웅님
<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> 태그를 함께 나타낼 수 있습니다.
고맙습니다. 좋은 하루 되시길 바랍니다.
<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> 태그를 함께 나타낼 수 있습니다.
고맙습니다. 좋은 하루 되시길 바랍니다.
