IOS中safari下的select下拉菜單文字過(guò)長(zhǎng)不換行的解決方法
更新時(shí)間：2016年09月26日 16:46:13 作者：夢(mèng)影霧花，盡是虛空
今天在項(xiàng)目開(kāi)發(fā)中遇到一個(gè)問(wèn)題safari下的select下拉菜單文字過(guò)長(zhǎng)不換行問(wèn)題，最終我用<optgroup>標(biāo)簽解決此問(wèn)題，下面小編把實(shí)現(xiàn)思路分享給大家供大家參考
今天遇到下圖這種問(wèn)題，文字過(guò)長(zhǎng)，顯示不全。折騰了老半天，在網(wǎng)上搜了半天也找不到解決方案。
于是問(wèn)了下同事，同事提到了<optgroup>，這個(gè)標(biāo)簽厲害。
<optgroup> 標(biāo)簽定義選項(xiàng)組。
optgroup 元素用于組合選項(xiàng)。當(dāng)您使用一個(gè)長(zhǎng)的選項(xiàng)列表時(shí)，對(duì)相關(guān)的選項(xiàng)進(jìn)行組合會(huì)使處理更加容易。
以上所述是小編給大家介紹的IOS中safari下的select下拉菜單文字過(guò)長(zhǎng)不換行的解決方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
js+ajax實(shí)現(xiàn)的A*游戲路徑算法整理
js+ajax實(shí)現(xiàn)的A*游戲路徑算法整理...2007-05-05
想必大家對(duì)Function.prototype.bind并不陌生吧，下面為大家介紹下它的簡(jiǎn)單調(diào)用及DOM調(diào)用，感興趣的朋友可以參考下2013-09-09
ECMAScript 模塊（ESM）是在 Web 中使用模塊的規(guī)范， 所有現(xiàn)代瀏覽器均支持此功能，同時(shí)也是在 Web 中編寫(xiě)模塊化代碼的推薦方式，這篇文章主要介紹了Webpack?ECMAScript?模塊,需要的朋友可以參考下2023-12-12
這篇文章主要為大家詳細(xì)介紹了基于javascript下使用canvas繪制時(shí)鐘的具體實(shí)現(xiàn)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-05-05
javascript中alert()與console.log()的區(qū)別
我們?cè)谧鰆s調(diào)試的時(shí)候使用 alert 可以顯示信息，調(diào)試程序，alert 彈出窗口會(huì)中斷程序， 如果要在循環(huán)中顯示信息，手點(diǎn)擊關(guān)閉窗口都累死。而且 alert 顯示對(duì)象永遠(yuǎn)顯示為[object ]。 自己寫(xiě)的 log 雖然可以顯示一些 object 信息，但很多功能支持都沒(méi)有 console 好2015-08-08
這篇文章主要介紹了JavaScript axios安裝與封裝案例詳解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
字符串和數(shù)字的操作在js中非常頻繁，也非常重要。以往看完書(shū)之后都能記得非常清楚，但稍微隔一段時(shí)間不用，便會(huì)忘得差不多，記性不好是硬傷啊。下面這篇文章就對(duì)字符串和數(shù)字的一些常用操作做個(gè)整理，一者加深印象，二者方便今后溫習(xí)查閱。需要的朋友們可以參考借鑒。2017-01-01
javascript 動(dòng)態(tài)加載 css 方法總結(jié)
有時(shí)候我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)的時(shí)候想動(dòng)態(tài)的加載css文件,并不是將css文件寫(xiě)死在頁(yè)面中,這時(shí)就可以使用下面方法.2009-07-07
本篇文章主要是對(duì)js二維數(shù)組定義和初始化的三種方法進(jìn)行了總結(jié)介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-03-03
這篇文章主要介紹了JSONP 的原理、理解與實(shí)例,結(jié)合實(shí)例形式分析了JSONP 的基本概念、原理、理解與使用技巧,需要的朋友可以參考下2020-05-05