<select 재질문>
- 작성자 :
- 남*찬
- 작성일 :
- 2011-08-17 10:35:41
- 조회수 :
- 1,735
- 구분 :
- 실행환경
- 진행상태 :
- 완료
Q
select 정렬을 질문했었는데 답변해주시는 분이 질문을 잘못 이해하셨나봐요
select태그 안의 텍스트를 정렬하는게 아니라 화면상에 select가 두개가 들어가는데
위아래로 정렬이 된다는 말이였거든요. select태그 를 사용하면 뷰에서 보여지는
select의 길이도 너무 길게 나오고 이 부분을 수정해서 약쪽에 select를 두개 두려고
하거든요 확인부탁드립니다
select태그 안의 텍스트를 정렬하는게 아니라 화면상에 select가 두개가 들어가는데
위아래로 정렬이 된다는 말이였거든요. select태그 를 사용하면 뷰에서 보여지는
select의 길이도 너무 길게 나오고 이 부분을 수정해서 약쪽에 select를 두개 두려고
하거든요 확인부탁드립니다
A
안녕하세요^^
grid를 이용하시면 양쪽 정렬이 가능합니다.
<div class="ui-grid-a">
<div class="ui-block-a"><select name="select-choice-1" id="select-choice-1">
<option value="apple">사과</option>
<option value="banana">바나나</option>
<option value="grapes">포도</option>
<option value="onion">양파</option>
</select></div>
<div class="ui-block-b"><select name="select-choice-1" id="select-choice-1">
<option value="apple">사과</option>
<option value="banana">바나나</option>
<option value="grapes">포도</option>
<option value="onion">양파</option>
</select></div>
</div>
또한 style에 꽉찬 화면을 원하시면
해당 JSP에
.ui-select {
width: 100%;
}
를 선언해주시면 됩니다.
감사합니다.
grid를 이용하시면 양쪽 정렬이 가능합니다.
<div class="ui-grid-a">
<div class="ui-block-a"><select name="select-choice-1" id="select-choice-1">
<option value="apple">사과</option>
<option value="banana">바나나</option>
<option value="grapes">포도</option>
<option value="onion">양파</option>
</select></div>
<div class="ui-block-b"><select name="select-choice-1" id="select-choice-1">
<option value="apple">사과</option>
<option value="banana">바나나</option>
<option value="grapes">포도</option>
<option value="onion">양파</option>
</select></div>
</div>
또한 style에 꽉찬 화면을 원하시면
해당 JSP에
.ui-select {
width: 100%;
}
를 선언해주시면 됩니다.
감사합니다.
