截取文本内容的实现方法

对于信息显示,只需显示一行或是其所在的标签不能超出一定范围,需要做限制(在拿到设计图时应该想到)

css实现的方法
{white-space:nowrap;
text-overflower:ecllipsis;
overflower:hidden;}
//当然需要设置宽度

jquery实现方法
 var num=$(".text_wrap").html();
 if(num.length>7){$(".text_wrap").html(num.substr(0,7)+"…")
     }//使用jquery截取class="text_wrap"的标签内容的前7个字符串

时间: 2024-10-12 08:33:14

截取文本内容的实现方法的相关文章

MVC3/4 自定义HtmlHelper截断文本内容(截取)

在MVC目录下新建一个名为 Extersions  的文件夹,在该文件夹中新建一个截断文本类,取名为:CutOfTextExtersions 该类代码如下: using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace System.Web.Mvc //修改为所属System.Web.Mvc命名空间 方便直接使用 { ///

CSS控制长文本内容显示(截取的地方用省略号代替)

自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,下面介绍的是CSS如何实现处理的方法. 现实中经常出现一些内容比较长的文本,为了使整体布局美观,需要将文本内容控制在一行显示,并且截取一定的长度,截取的地方用省略号代替.虽然用动态语言可以对其控制,但是这样做是不利于搜索引擎收录的,活用CSS可以巧妙地解决这个问题,请看下面的代码:代码一:用于非表格LI或span等都可以 www.169it.com .text-overflow { display:block;/*内

Word中截取部分内容并保存为jpg图片的方法

private void button1_Click(object sender, EventArgs e) { var appWord = new Microsoft.Office.Interop.Word.Application(); var doc = new Microsoft.Office.Interop.Word.Document(); object oMissing = System.Reflection.Missing.Value;//这个是什么东西,我始终没搞明白-_- //打

JavaScript or jQuery 获取option value值 以及文本内容的方法

1.html <div class="form-group"> <label>保险公司</label> <select class="form-control" id="testSelect"> <option value="平安">平安保险</option> <option value="太平洋">太平洋保险</op

jQuery获取自动截取过长的文本内容,显示成省略号

table中如果td的内容过多,则会把td撑的很宽, 显得不美观. 如果能让td既美观.也能看到完整的效果.. 我们则需要,在生成td之前,给指定样式.. 这里采用jQuery来实现. //页面加载之后,设置.样式. jQuery(function(){ //使用id选择器;例如:tab对象->tr->td对象. $("#high_light tr td").each(function(i){ //获取td当前对象的文本,如果长度大于25; if($(this).text(

用Beyond Compare精确查找文本内容的方法

Beyond Compare 4中文版拥有强大的文件夹以及文本比较功能,用户在比较文件的时候特别是比较文本的时候,有时需要找出一些特定的内容,这个时候就可以用到Beyond Compare软件精确查找文本内容的功能,但是一些用户不知道怎么使用这项功能,下面就来给大家分享一下用Beyond Compare精确查找文本内容的方法? 打开Beyond Compare软件,选择文本比较会话,打开会话操作界面.单击“打开文件”按钮,选择需要比较的文本文件.  Beyond Compare文本比较会话操作界

获取WebView里的网页文本内容

获取WebView里的网页文本内容,能够採用例如以下方法: public class ComJSInterface { public void loadHtmlContent(String content) { Log.d("comJs", "html:" + content); } } mWebView.addJavascriptInterface(new ComJSInterface(), "comjs"); mWebView.loadUrl

逃的过初一逃不过十五之三个输入框文本内容检测的实现及测试

上周偷懒来着,就没有完成EditBox的实现,来进行测试...终于,这周逃不过了,老师布置的任务是完成三个文本框的输入并同时检测文本内容... 题目要求如下: 允许1到6个英文字符或数字,按OK结束 有效等价类: 长度:1到6:字符:a-z,A-Z,0-9 无效等价类:长度:0,7:字符:英文.数字以外字符,控制字符,标点符号等 略有不同的地方是这回要求三个文本框同时输入内容,点击OK之后同时对三个文本框的内容进行检测,并输出检测结果. 好~偷懒考虑,我就选择了比较好用的JAVA进行实现,主要原

win8不通过新打开窗口进行打开和保存文件,点击即显示文本内容,点击即保存文件

前面的一篇博客讲到通过打开新窗口进行打开和保存文件,这一篇则重点介绍怎样一步到位来进行打开和保存文件(这里还以.txt文本文件为例). 我们要打开.txt文本文件,无非是想要里面的文本内容,并且把其显示到页面里罢了,那我们能不能直接点击按钮就让文件的内容自动显示到页面上............ 而不需要经过打开新窗口这一步骤呢 同样,我们点击保存按钮,能不能就直接给文件命名为自己想要的名称,而且直接保存到自己想要的位置或者文件里........ 而不经过打开新窗口定位某一个具体的文件夹下这一步骤