国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

Safari瀏覽器select下拉列表文字太長(zhǎng)不換行的解決方法

來(lái)源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 19:59:05
文檔

Safari瀏覽器select下拉列表文字太長(zhǎng)不換行的解決方法

Safari瀏覽器select下拉列表文字太長(zhǎng)不換行的解決方法:這次給大家?guī)?lái)Safari瀏覽器select下拉列表文字太長(zhǎng)不換行的解決方法,解決Safari瀏覽器select下拉列表文字太長(zhǎng)不換行的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來(lái)看一下。 網(wǎng)頁(yè)中的select下拉列表,文字太長(zhǎng)的話在iOS的Safari瀏覽器里會(huì)被自動(dòng)截?cái)啵@
推薦度:
導(dǎo)讀Safari瀏覽器select下拉列表文字太長(zhǎng)不換行的解決方法:這次給大家?guī)?lái)Safari瀏覽器select下拉列表文字太長(zhǎng)不換行的解決方法,解決Safari瀏覽器select下拉列表文字太長(zhǎng)不換行的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來(lái)看一下。 網(wǎng)頁(yè)中的select下拉列表,文字太長(zhǎng)的話在iOS的Safari瀏覽器里會(huì)被自動(dòng)截?cái)啵@
這次給大家?guī)?lái)Safari瀏覽器select下拉列表文字太長(zhǎng)不換行的解決方法,解決Safari瀏覽器select下拉列表文字太長(zhǎng)不換行的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來(lái)看一下。

 網(wǎng)頁(yè)中的select下拉列表,文字太長(zhǎng)的話在iOS的Safari瀏覽器里會(huì)被自動(dòng)截?cái)啵@示成下面這種:

  安卓版的瀏覽器則沒有這個(gè)問題。

  如何讓下拉列表中的文字在iOS的Safari瀏覽器里顯示完整呢?答案是使用<optgroup></optgroup>標(biāo)簽。有關(guān)optgroup標(biāo)簽的作用可以查看w3school網(wǎng)站的說(shuō)明。

  正常select下拉列表的html是這樣:

 請(qǐng)選擇車型
 2018款 奧迪A3 30周年年型 Sportback 35 TFSI 進(jìn)取型2018款 奧迪A3 30周年年型 Limousine 35 TFSI 進(jìn)取型2018款 奧迪A3 30周年年型 Sportback 35 TFSI 時(shí)尚型2018款 奧迪A3 30周年年型 Limousine 35 TFSI 時(shí)尚型2018款 奧迪A3 30周年年型 Sportback 35 TFSI 運(yùn)動(dòng)型

  加入optgroup標(biāo)簽之后的html是這樣:

<select id="sel_model" class="form-control">
 <optgroup>
 <option value="">請(qǐng)選擇車型</option>
 <option value="5a38a7cae794ff021d4e9eab">2018款 奧迪A3 30周年年型 Sportback 35 TFSI 進(jìn)取型</option>
 <option value="5a38a7cae794ff021d4e9eac">2018款 奧迪A3 30周年年型 Limousine 35 TFSI 進(jìn)取型</option>
 <option value="5a38a7cae794ff021d4e9ead">2018款 奧迪A3 30周年年型 Sportback 35 TFSI 時(shí)尚型</option>
 <option value="5a38a7cae794ff021d4e9eae">2018款 奧迪A3 30周年年型 Limousine 35 TFSI 時(shí)尚型</option>
 <option value="5a38a7cae794ff021d4e9eaf">2018款 奧迪A3 30周年年型 Sportback 35 TFSI 運(yùn)動(dòng)型</option>
 </optgroup></select>

  然后iOS的Safari瀏覽器上顯示效果如下:

  iOS會(huì)根據(jù)select下拉列表中的內(nèi)容長(zhǎng)度自動(dòng)縮小字體,以保證所有內(nèi)容能在一行顯示出來(lái)。盡管在HTML中加入了optgroup標(biāo)簽,但通過JQuery獲取select選中值的方法不受任何影響。例如我們?nèi)匀豢梢酝ㄟ^$('#sel_model').val()來(lái)獲取下拉列表的選中值。

  optgroup是一個(gè)很神奇的標(biāo)簽!

相信看了本文案例你已經(jīng)掌握了方法,更多精彩請(qǐng)關(guān)注Gxl網(wǎng)其它相關(guān)文章!

推薦閱讀:

怎么操作JS里的無(wú)序列表屬性

詳談css樣式初始化

在表單中button與input的區(qū)別

聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

Safari瀏覽器select下拉列表文字太長(zhǎng)不換行的解決方法

Safari瀏覽器select下拉列表文字太長(zhǎng)不換行的解決方法:這次給大家?guī)?lái)Safari瀏覽器select下拉列表文字太長(zhǎng)不換行的解決方法,解決Safari瀏覽器select下拉列表文字太長(zhǎng)不換行的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來(lái)看一下。 網(wǎng)頁(yè)中的select下拉列表,文字太長(zhǎng)的話在iOS的Safari瀏覽器里會(huì)被自動(dòng)截?cái)啵@
推薦度:
標(biāo)簽: 文字 字體 safari
  • 熱門焦點(diǎn)

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 一级毛片私人影院免费 | 国产成人高清亚洲一区久久 | 国产一区二区不卡 | 天堂一区二区三区精品 | 亚洲精品乱码久久久久 | 亚洲精品视频免费在线观看 | 可以看的毛片网站 | 欧美在线xx | 欧美日韩国产在线播放 | 欧美精品在线一区 | 国产精品久久久久a影院 | 欧美精品v日韩精品v国产精品 | 99久久精品国内 | 久久国产毛片 | 日韩国产在线播放 | 成人久久精品 | 国产成人在线看 | 任你躁欧美一级在线精品免费 | 99视频九九精品视频在线观看 | 久久亚洲一区二区 | 欧美精品v国产精品v日韩精品 | 免费国产精品视频 | 91久久九九精品国产综合 | 国产精品免费网站 | 国内精品一区二区三区最新 | 亚洲激情在线观看 | 欧美精品日韩 | 亚洲欧美日韩中文无线码 | 91一区二区三区四区五区 | 久久精品国产欧美日韩99热 | 国产日皮视频 | 久久夜色精品国产亚洲 | a级毛片免费高清视频 | 国模双双大尺度炮交g0go | 久久久久久久国产精品毛片 | 国产精品久久毛片蜜月 | 欧美精品亚洲人成在线观看 | 偷自在线| 情趣视频网站 | 国产视频一区二区在线播放 | 伊人久久精品久久亚洲一区 |