javascript - js 如何判断文本内容是否换行了?
高洛峰
高洛峰 2017-04-11 13:12:28
0
6
2077

js 如何判断文本内容是否换行了?
文字超过一行后显示省略号,后面需要显示一个展开的按钮;
如果文字没超过一行,隐藏按钮。
求大神指点?谢谢

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复 (6)
黄舟

解决方案:通过计算内容宽度,算出容器宽度,来比较宽度是否超过容器。。。由于是列表,在模板中获取不到内容宽度,就提前绘制一个隐藏的模板,计算每条内容的宽度,再显示界面

    小葫芦

    这种情况一般来说通过计算总宽度和字体宽度,通过字数判断更合适!

      伊谢尔伦

      你可以判断 内容的长度,
      比如最多显示10个字,
      string.length>10就 string.substr(0,10) + "...." + ["展开按钮"]显示出来
      string.length<=10就全部显示 并不要["展开按钮"]

        黄舟

        用css就可以控制。text-overflow这个属性

          黄舟

          判断字体盒子的高度

            刘奇

            这是实现超过长度隐藏显示省略号的CSS

            width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
              最新下载
              更多>
              网站特效
              网站源码
              网站素材
              前端模板
              关于我们 免责声明 Sitemap
              PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!