IOS中safari下的select下拉菜单文字过长不换行的解决方法

 更新时间:2016年09月26日 16:46:13   作者:梦影雾花,尽是虚空  
今天在项目开发中遇到一个问题safari下的select下拉菜单文字过长不换行问题,最终我用<optgroup>标签解决此问题,下面小编把实现思路分享给大家供大家参考

今天遇到下图这种问题,文字过长,显示不全。折腾了老半天,在网上搜了半天也找不到解决方案。

于是问了下同事,同事提到了<optgroup>,这个标签厉害。

<optgroup> 标签定义选项组。

optgroup 元素用于组合选项。当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易。

以上所述是小编给大家介绍的IOS中safari下的select下拉菜单文字过长不换行的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • js+ajax实现的A*游戏路径算法整理

    js+ajax实现的A*游戏路径算法整理

    js+ajax实现的A*游戏路径算法整理...
    2007-05-05
  • Function.prototype.bind用法示例

    Function.prototype.bind用法示例

    想必大家对Function.prototype.bind并不陌生吧,下面为大家介绍下它的简单调用及DOM调用,感兴趣的朋友可以参考下
    2013-09-09
  • Webpack ECMAScript 模块详解

    Webpack ECMAScript 模块详解

    ECMAScript 模块(ESM)是在 Web 中使用模块的规范, 所有现代浏览器均支持此功能,同时也是在 Web 中编写模块化代码的推荐方式,这篇文章主要介绍了Webpack ECMAScript 模块,需要的朋友可以参考下
    2023-12-12
  • JS+Canvas绘制时钟效果

    JS+Canvas绘制时钟效果

    这篇文章主要为大家详细介绍了基于javascript下使用canvas绘制时钟的具体实现代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • javascript中alert()与console.log()的区别

    javascript中alert()与console.log()的区别

    我们在做js调试的时候使用 alert 可以显示信息,调试程序,alert 弹出窗口会中断程序, 如果要在循环中显示信息,手点击关闭窗口都累死。而且 alert 显示对象永远显示为[object ]。 自己写的 log 虽然可以显示一些 object 信息,但很多功能支持都没有 console 好
    2015-08-08
  • JavaScript axios安装与封装案例详解

    JavaScript axios安装与封装案例详解

    这篇文章主要介绍了JavaScript axios安装与封装案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-08-08
  • Javascript中字符串和数字的操作方法整理

    Javascript中字符串和数字的操作方法整理

    字符串和数字的操作在js中非常频繁,也非常重要。以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊。下面这篇文章就对字符串和数字的一些常用操作做个整理,一者加深印象,二者方便今后温习查阅。需要的朋友们可以参考借鉴。
    2017-01-01
  • javascript 动态加载 css 方法总结

    javascript 动态加载 css 方法总结

    有时候我们在设计网页的时候想动态的加载css文件,并不是将css文件写死在页面中,这时就可以使用下面方法.
    2009-07-07
  • js二维数组定义和初始化的三种方法总结

    js二维数组定义和初始化的三种方法总结

    本篇文章主要是对js二维数组定义和初始化的三种方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-03-03
  • JSONP 的原理、理解 与 实例分析

    JSONP 的原理、理解 与 实例分析

    这篇文章主要介绍了JSONP 的原理、理解与实例,结合实例形式分析了JSONP 的基本概念、原理、理解与使用技巧,需要的朋友可以参考下
    2020-05-05

最新评论