把多余文字变成省略号的js代码

问题描述

本来是可以用text-overflow:ellipsis;解决的但是此代码不兼容火狐只能使用js了想求一段设置了li的固定宽高以后让超出宽度的一部分文字用省略号代替的代码

解决方案

解决方案二:
直接在后台代码块写一个方法不就可以了吗!
解决方案三:
呃哥们我这还没出校门呢。。。只是还不多我在网上搜了找不到合适的方法。。要是大神懂得就给小弟解惑一下感激不尽啊
解决方案四:
publicstaticstringSubString(thisstringtempStr,intlength){if(!string.IsNullOrEmpty(tempStr)){intbegin_length=tempStr.Length;if(begin_length>length){tempStr=tempStr.Substring(0,length)+"...";}}returntempStr;}

解决方案五:
http://tangram.baidu.com/api.html#baidu.string.subByte右上角里面有源代码,看看原理,自己改一个。
解决方案六:
这个你可参考。按字节截取的,美观整洁。

时间: 2024-09-15 22:51:38

把多余文字变成省略号的js代码的相关文章

文本框文字处理工具类js+代码高亮组件

CodeMirror是一个很好的高亮编辑js库 Java代码   //////// 文本框文字处理 ////////   /*  input 对象  if selectionStart=selectionEnd is point  else 是string  */   function setSelectionRange(input, selectionStart, selectionEnd) {     if (input.setSelectionRange) {   //firefox  

给文字加上着重号的JS代码_javascript技巧

复制代码 代码如下: var s = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ01234567890';function f(s, width){  return s.replace(  new RegExp('[\\s\\S]{1,'+(width || 4)+'}', 'g'),  function(m){    return '^' + new Array(m.length).join(' ');  });} console.log(s);console.log(f(s, 4

js实现文字超出部分用省略号代替实例代码_javascript技巧

话不多说,我们直接看代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&

纯文字版返回顶端的js代码

这篇文章介绍了纯文字版返回顶端的js代码,有需要的朋友可以参考一下   复制代码 代码如下: <script language="javascript"> var goto_top_type = -1; var goto_top_itv = 0; function goto_top_timer() {  var y = goto_top_type == 1 ? document.documentElement.scrollTop    : document.body.scr

css 文字溢出省略号样式代码

例,原本以为文字溢出的处理比较复杂,没想到这么一简简单单的一句话就搞定了,css真是神奇:  代码如下 复制代码 .li { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } 这只是使用了CSS中text-overflow属性,这个属性比较特殊,在现在的CSS手册中找不到,但CSS3中有相关的描述:text-overflow-mode. 它有三个值:clip.ellipsis.ellipsis-word. clip : 不显

js代码实现无缝滚动(文字和图片)_javascript技巧

一款适用于方案和图片的JS无缝滚动代码,可控制向左或向右滚动,代码不算复杂,而且本无缝滚动代码兼容性也挺好,你几乎不需要修改什么代码,就能使用了.测试时候把那些带标号的方块都改成图片吧,这样就更有感觉了. 代码如下: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无缝滚动</title> <s

jQuery(js)获取文字宽度(显示长度)示例代码_jquery

今天遇到了获取文字宽度的问题,查了很久,终于在一个国外网站上找到了方法,但是不能直接使用,于是修改了一下,成功使用到了项目中,在这里分享给大家. 首先在body标签最后添加一个子标签: 复制代码 代码如下: <span id="ruler">test</span> 然后添加相应的css代码: 复制代码 代码如下: #ruler { visibility: hidden; white-space: nowrap; font-size: 24px; } 接下来直接在

JS实现slide文字框缩放伸展效果代码_javascript技巧

本文实例讲述了JS实现slide文字框缩放伸展效果代码.分享给大家供大家参考,具体如下: 这里介绍的slide文字框缩放伸展效果,自己闲来无事写的,不是太好,可能在兼容性方面还需努力,展开速度方面,IE8和火狐的展开速度不一样,火狐下更快一些,至今没找到原因,也请JS高人指点江山. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-slide-txt-dlg-show-codes/ 具体代码如下: <!DOCTYPE html> <h

文字向上间歇滚动三种js代码(1/2)

<div style="margin-top:30px;padding:10px;background:url(img/bg2.gif) bottom repeat-x"> <div style="overflow:hidden;height:22px;line-height:22px;font-size:14px" id="marqueebox"> 早上好!<br /> 天气有变化<br> 下班了