栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

text-overflow:Firefox 4中的省略号?(和FF5)

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

text-overflow:Firefox 4中的省略号?(和FF5)

Spudley,您可以通过使用jQuery编写一个小的Javascript来实现相同的目的:

var limit = 50;var ellipsis = "...";if( $('#limitedWidthTextBox').val().length > limit) {   // -4 to include the ellipsis size and also since it is an index   var trimmedText = $('#limitedWidthTextBox').val().substring(0, limit - 4);    trimmedText += ellipsis;   $('#limitedWidthTextBox').val(trimmedText);}

我知道所有浏览器都应该以某种方式本机支持此功能(不使用Javascript),但这就是我们目前所拥有的。

编辑 另外,您可以通过将一个

css
类附加到所有这些固定宽度的字段上来使其更加整洁
fixWidth
,然后执行以下操作:

$(document).ready(function() {   $('.fixWidth').each(function() {      var limit = 50;      var ellipsis = "...";      var text = $(this).val();      if (text.length > limit) {         // -4 to include the ellipsis size and also since it is an index         var trimmedText = text.substring(0, limit - 4);          trimmedText += ellipsis;         $(this).val(trimmedText);      }   });});//EOF


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/391618.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号