国产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
主站蜘蛛池模板: 欧美区国产区 | 国产成人精品视频一区二区不卡 | 欧美伊人久久大香线蕉综合69 | 精品欧美一区二区在线观看欧美熟 | 亚洲国产成人久久综合区 | a毛片成人免费全部播放 | 成人国产在线看不卡 | 亚洲色图欧美自拍 | 亚洲国产成人精品久久 | 国产a国产片 | 国产区精品 | 曰韩三级| 亚洲欧洲久久 | 国产成人精品aaaa视频一区 | 国产精品亚洲片在线观看不卡 | 一区二区三区在线观看免费 | 国产精品欧美日韩 | 全部费免一级毛片不收费 | 天天做天天摸天天爽天天爱 | 一区二区三区欧美日韩 | 国产日韩欧美中文字幕 | 亚洲视频在线观看网站 | a级免费在线观看 | 99久久国内精品成人免费 | 欧美日a| 国产美女一级毛片 | 国产一区二区三区在线 | 亚洲黄色高清 | 亚洲欧美h | 日韩第一页在线观看 | 日韩欧美在线观看 | 99久久精品费精品国产一区二区 | 国产一区二区三区日韩欧美 | 美国人禽交ooo | 国产一区二区三区在线视频 | 国产精品美女流白浆视频 | 欧美激情一区二区三区四区 | 欧美精品一二区 | 欧美一区二区三区不卡免费 | 精品国产一区二区二三区在线观看 | 91精品啪国产在线观看免费牛牛 |