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

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題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關鍵字專題關鍵字專題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
當前位置: 首頁 - 科技 - 知識百科 - 正文

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

來源:懂視網 責編:小采 時間:2020-11-27 19:59:05
文檔

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

Safari瀏覽器select下拉列表文字太長不換行的解決方法:這次給大家帶來Safari瀏覽器select下拉列表文字太長不換行的解決方法,解決Safari瀏覽器select下拉列表文字太長不換行的注意事項有哪些,下面就是實戰案例,一起來看一下。 網頁中的select下拉列表,文字太長的話在iOS的Safari瀏覽器里會被自動截斷,顯
推薦度:
導讀Safari瀏覽器select下拉列表文字太長不換行的解決方法:這次給大家帶來Safari瀏覽器select下拉列表文字太長不換行的解決方法,解決Safari瀏覽器select下拉列表文字太長不換行的注意事項有哪些,下面就是實戰案例,一起來看一下。 網頁中的select下拉列表,文字太長的話在iOS的Safari瀏覽器里會被自動截斷,顯
這次給大家帶來Safari瀏覽器select下拉列表文字太長不換行的解決方法,解決Safari瀏覽器select下拉列表文字太長不換行的注意事項有哪些,下面就是實戰案例,一起來看一下。

 網頁中的select下拉列表,文字太長的話在iOS的Safari瀏覽器里會被自動截斷,顯示成下面這種:

  安卓版的瀏覽器則沒有這個問題。

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

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

 請選擇車型
 2018款 奧迪A3 30周年年型 Sportback 35 TFSI 進取型2018款 奧迪A3 30周年年型 Limousine 35 TFSI 進取型2018款 奧迪A3 30周年年型 Sportback 35 TFSI 時尚型2018款 奧迪A3 30周年年型 Limousine 35 TFSI 時尚型2018款 奧迪A3 30周年年型 Sportback 35 TFSI 運動型

  加入optgroup標簽之后的html是這樣:

<select id="sel_model" class="form-control">
 <optgroup>
 <option value="">請選擇車型</option>
 <option value="5a38a7cae794ff021d4e9eab">2018款 奧迪A3 30周年年型 Sportback 35 TFSI 進取型</option>
 <option value="5a38a7cae794ff021d4e9eac">2018款 奧迪A3 30周年年型 Limousine 35 TFSI 進取型</option>
 <option value="5a38a7cae794ff021d4e9ead">2018款 奧迪A3 30周年年型 Sportback 35 TFSI 時尚型</option>
 <option value="5a38a7cae794ff021d4e9eae">2018款 奧迪A3 30周年年型 Limousine 35 TFSI 時尚型</option>
 <option value="5a38a7cae794ff021d4e9eaf">2018款 奧迪A3 30周年年型 Sportback 35 TFSI 運動型</option>
 </optgroup></select>

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

  iOS會根據select下拉列表中的內容長度自動縮小字體,以保證所有內容能在一行顯示出來。盡管在HTML中加入了optgroup標簽,但通過JQuery獲取select選中值的方法不受任何影響。例如我們仍然可以通過$('#sel_model').val()來獲取下拉列表的選中值。

  optgroup是一個很神奇的標簽!

相信看了本文案例你已經掌握了方法,更多精彩請關注Gxl網其它相關文章!

推薦閱讀:

怎么操作JS里的無序列表屬性

詳談css樣式初始化

在表單中button與input的區別

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

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

Safari瀏覽器select下拉列表文字太長不換行的解決方法:這次給大家帶來Safari瀏覽器select下拉列表文字太長不換行的解決方法,解決Safari瀏覽器select下拉列表文字太長不換行的注意事項有哪些,下面就是實戰案例,一起來看一下。 網頁中的select下拉列表,文字太長的話在iOS的Safari瀏覽器里會被自動截斷,顯
推薦度:
標簽: 文字 字體 safari
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 成人区精品一区二区毛片不卡 | 看全色黄大色大片免费久久 | 久久99精品一久久久久久 | 成人a毛片免费视频观看 | 国产精品欧美一区二区三区不卡 | 台湾一级毛片永久免费 | 热re91久久精品国产91热 | 在线免费观看国产精品 | 亚洲欧美日韩综合精品网 | 国产成人久久精品一区二区三区 | 国产成人久久蜜一区二区 | 欧美专区在线观看 | 日本成人一区 | 国产91精品久久久久999 | 一区二区三区在线视频播放 | 亚洲欧美日本另类激情 | 可播放的免费男男videos不卡 | 亚洲国产成人久久一区www | 国产欧美一区二区三区精品 | 国产一级特黄全黄毛片 | 久久久久国产成人精品亚洲午夜 | 国模冰冰炮交图后02 | 欧美精品色精品一区二区三区 | 国产成人免费在线 | www.亚洲欧美 | 日本久久香蕉一本一道 | 精品免费在线 | 久久久久久91| 国产精品久久久久一区二区 | 精品一区二区三区在线播放 | 免费观看亚洲视频 | 亚洲欧美色图 | 国产精品久久久久aaaa | 欧美日韩国产三级 | 国精产品一区 | 国产精品乱码一区二区三区 | 国产成人精品日本亚洲语音2 | 特黄日韩免费一区二区三区 | 国产一区二区福利久久 | 欧美高清a | 亚洲情a成黄在线观看动 |