HTML의 선택 드롭다운 상자 내용이 전부 표시되지 않고 부분적으로 가려지는 문제 해결_HTML/Xhtml_웹페이지 제작

오늘 저는 쿼리 열의 드롭다운 상자에 있는 내용이 너무 길어 일부가 가려지는 문제에 직면했습니다.

정보를 찾아보니 어떤 사람은 기능 제어를 쓴다고 하고, 어떤 사람은 이벤트 제어를 쓴다고 하고, 어떤 사람은 이해가 안 되고, 어떤 사람은 구현하기 너무 복잡하다고 하더군요. 나중에 동료에게 간단한 방법이 없냐고 물었더니 옵션에 title 속성을 추가하라고 해서 그의 방법을 시도해 보았는데 결국 이 방법이 효과가 있다는 것을 알게 되었습니다. 이런 식으로 잊어버리지 않도록 기록하고 싶습니다.

1. 구체적인 예시는 다음과 같습니다

코드를 복사합니다

코드는 다음과 같습니다.

#area 옵션{
width:140px
}

="너비:80%; 높이: 100px; text-align:center;">

문자:< /label>

모두 AAAAAAAAAAAAAAAAAAAAAAAAAAA
BBBBBBBBBBBBBBBBBBBBBBBBBBBB
CCCCCCCCCCCCCCCCCCCCCCCCCCC
<옵션 값="4" title="DDDDDDDDDDDDDDDDDDDDDDDD">DDDDDDDDDDDDDDDDDDDDDDDD
<옵션 값=" 5" title="EEEEEEEEEEEEEEEEEEEEEEEEEE"> ;EEEEEEEEEEEEEEEEEEEEEE< ;/option>
FFFFFFFFFFFFFFFFFFFFFFFFFF lt;/option>
<옵션 값 = "8" title="HHHHHHHHHHHHHHHHHHHHHHHHH">HHHHHHHHHHHHHHHHHHHHHHHHH
IIIIIIIIIIIIIIIIIIIIIIIIIII ;/선택>





2. 예시 결과

3. >



코드 복사


코드는 다음과 같습니다.

지방:

>전체

${area.areaName}

< ;/div>