HTMLの選択ドロップダウンボックスの内容が完全に表示されず、部分的に隠れてしまう問題の解決_HTML/Xhtml_Webページ制作

今日、クエリ列のドロップダウン ボックスの内容が長すぎて、一部が隠れてしまうという問題に遭遇しました。

いくつかの情報を調べてみると、関数制御を使用するという情報もあれば、イベント コントロールを使用するという情報もあり、理解できない情報や実装するには複雑すぎる情報もありました。その後、同僚に何か簡単な方法はないかと尋ねたところ、オプションに title 属性を追加するように言われたので、彼の方法を試してみたところ、この方法がうまくいくことがわかりました。このように、忘れないように記録しておきたいと思います。

1. 具体的な例は次のとおりです

コードをコピーします

コードは次のとおりです。

#area オプション{
width:140px;

="幅:80%; 高さ: 100px; text-align:center;">

letter:< /label>

すべて AAAAAAAAAAAAAAAAAAAAA
BBBBBBBBBBBBBBBBBBBBBBBB ="2" title="CCCCCCCCCCCCCCCCCC" CCCCCCCCC ">CCCCCCCCCCCCCCCCCCCCCCCCCCC
DDDDDDDDDDDDDDDDDDDDDDDDDD>/option>

FFFFFFFFFFFFFFFFFFFFFFFFFF lt;/option> lt;オプション値= "8" title="HHHHHHHHHHHHHHHHHHHHHHHHHHH">HHHHHHHHHHHHHHHHHHHHHHH
IIIIIIIIIIIIIIIIIIIIIIIIIII





2. 動的データの例
>



コードをコピーします


コードは次のとおりです:

都道府県:
>すべて

${area.areaName}

< ;/div>