這篇文章主要介紹了HTML中select下拉框內(nèi)容顯示不全部分被覆蓋怎么辦，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
10年積累的
成都網(wǎng)站制作、做網(wǎng)站經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你，你也不認識我。但先
網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程，更有
巴彥淖爾免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
HTML中的select下拉框中的內(nèi)容過長，導(dǎo)致部分被覆蓋了，試了各種方法，都沒有頭緒，最終在option中加title這個屬性，發(fā)現(xiàn)問題迎刃而解
今天，我遇到這樣一個問題：查詢欄中的下拉框中的內(nèi)容過長，導(dǎo)致部分被覆蓋了。
查詢了一些資料，有的說用函數(shù)控制，有的說用事件控制，有的看不懂，有的實現(xiàn)起來太復(fù)雜了。后來，問了一下同事，有沒有一些簡單的方法，他告訴我在option中加title這個屬性，于是按照他的方法試試，終于發(fā)現(xiàn)這個辦法可行。這樣，我就想記錄下來，避免自己給忘記了。
1、具體實例如下
代碼如下:
HTML中的select下拉框內(nèi)容顯示不全的解決辦法
#area option{
width:140px;
}
字母：
全部
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
BBBBBBBBBBBBBBBBBBBBBBBBBBBBBB
CCCCCCCCCCCCCCCCCCCCCCCCCCCCCC
DDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
EEEEEEEEEEEEEEEEEEEEEEEEEEEEEE
FFFFFFFFFFFFFFFFFFFFFFFFFFFFFF
GGGGGGGGGGGGGGGGGGGGGGGGGGGGGG
HHHHHHHHHHHHHHHHHHHHHHHHHHHHHH
IIIIIIIIIIIIIIIIIIIIIIIIIIIIII
重慶分公司
重慶分公司