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

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

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


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/4976150.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-11-14
下一篇2022-11-14

发表评论

登录后才能评论

评论列表(0条)

    保存