1.多行文本 在html中常见 用p标签
可是因为版面限制有时候只能显示部分内容
所以须要对内容加以修饰
一般换用省略号代替比较好 或者 READ MORE 链接
限制只显示某些省略号
单行文本 可以直接用css实现
zxx_text_overflow_1{
width:27em;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow:hidden;
}
但是多行文本 比较难办 一般会采用jqery或者js实现
jquery有类似的插件 just google it
或者采用下列办法限制字符数
<div class="zxx_text_overflow_5">HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO </div>
$(document).ready(function(){
$(".zxx_text_overflow_5").each(function()
{ var maxwidth=55;
if($(this).text().length>maxwidth){
$(this).text($(this).text().substring(0,maxwidth));
$(this).html($(this).html()+'...');
}
});
});
完整版 请参考 http://www.zhangxinxu.com/study/200909/text-overflow-ellipsis-so-on.html
分享到:
相关推荐
jQuery.dotdotdot, jquery dotdotdot,用于多行内容的高级 跨浏览器 省略号 jQuery.dotdotdotDotdotdot是一个用于截断网页上的多行内容的jQuery插件。 它使用省略号表示文本比当前可见的文本多。 可选的是,插件可以...
jquery,字数超出规定字数自动生成截取生成省略号
jquery文字多行滚动或模块滚动,按行数滚动
jquery单行多行滚动.rar
Jquery中用于省略字符过长的插件。在网页中经常会遇到字符溢出,然后使用省略“...”字符来代替溢出的文本。
jQuery给固定文章字数超出自述以后文字不显示并替换成省略
jquery文本单行多行滚动特效。 1、文本列表一行或多行间隔滚动。 2、可以设置滚动的速度与间隔时间。 3、jquery特效兼容浏览器。
jQuery文字溢出显示省略号插件是一款基于dotdotdot.js插件实现的单行多行文本溢出显示省略号
jquery仿微博字数限制
可以轻松实现多行文本框根据输入内容多少,自动变化!
jquery实现超出部分省略号显示
jQuery字符插件之适合留言板的jquery文本框输入字符限制插件下载
jquery实现输入框字数限制代码,简单适用,美观大方。
jQuery实现新浪微博回复字数限制,供大家一起共同分享学习。
dotdotdot.js插件是一款基于jQuery实现的单行多行文本文字内容超出溢出部分显示省略号的代码。
主要介绍了jQuery限制输入字符串长度的方法,实例讲解,非常实用,需要的朋友可以参考下。
jquery带省略号分页,已经亲自测试过,最近公司要求的做的分页效果就是用的这片代码
主要介绍了jQuery实现字符串全部替换的方法,结合实例形式对比分析了使用Replace进行替换的方法及使用正则进行全部替换的相关操作技巧,需要的朋友可以参考下
今儿分享一个jquery实现多行滚动效果。 我看一些论坛网站上面,公告处用的较多。 代码如下 // 多行滚动 (function($){ $.fn.extend({ Scroll:function(opt,callback){ if(!opt) var opt={}; var _this=this.eq(0)....
今天小编就为大家分享一篇jQuery 实现批量提交表格多行数据的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧