如何使用js来实现多行溢出隐藏功能

显示省略号。js隐藏多行显示多行为显示省略号。多行溢出隐藏显示省略号功能的JS实现，在页面重构中，经常需要将过多的内容隐藏而显示部分，在单行文本中实现非常简单，但是在多行文本中，则需要根据实际选择不同的方式显示。

创新互联专业为企业提供罗庄网站建设、罗庄做网站、罗庄网站设计、罗庄网站制作等企业网站建设、网页设计与制作、罗庄企业网站模板建站服务，10余年罗庄做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

在test.html文件内，给两个button按钮绑定onclick点击事件，当点击显示按钮时，执行on()函数，当点击隐藏按钮时，执行off()函数。

原理：就是讲全部的div都隐藏只有点击的div显示。

div中文字内容溢出如何解决

1、解决CSS样式 这时我们可以使用CSS overflow样式解决：对应样式overflow：hiddenDiv{overflow：hidden}这样设置后，假如DIV对象设置一定宽度高度，此时加入overflow：hidden将会隐藏超出DIV宽度高度的内容包括图片。

2、利用换行来解决溢出问题 如何用word-wrap解决文字溢出的问题word-break：break-all和word-wrap：break-word经常用来解决长字符串换行问题。

3、两种方法，1：强制换行。div style=width：930px；word-break：break-all；word-wrap：break-word；/div 2：溢出隐藏。div style=overflow：hidden； width：930px；/div 自己试一下。就没有问题了。

4、当溢出的文字字数大于文本的字数时，文字区块将会消失。解决方法：不放置注释。最简单、最快捷的解决方法。注释不要放置于2个浮动的区块之间。

5、文字溢出，用“...”代替即可，当然，你要设置外部容器的宽度才行。

6、用浮动也可以，可以试一试最小高度：min-height：500px；还有一种方法最直接：div style=clear：both/div这个加在内容模块的下面。

jquery控制字符串的长度,超过用...代替,鼠标移上去显示全部

因为身份证的长度为18，所以需要18-5=13个*，可以用jq的substr()方法截取身份证的前五位，再加上13个星号即可。

var str=到每一个家庭成员，处理好这些问题也是人生的课题。

/* 不换行 */white-space：nowrap；/* 不换行 */overflow：hidden；/* 内容超出宽度时隐藏超出部分的内容 */text-overflow：ellipsis；/* 当对象内文本溢出时显示省略标记(...) ；需与overflow：hidden；一起使用。

当然是隐藏的。鼠标放上去的时候直接显示到各DIV的对应位置就好了。如果你非要鼠标放上去再加载数据那就是AJAX了。大致思路就是各DIV的mouseover方法执行AJAX的远程调用方法获取数据再取回到这个浮动层显示。

可以尝试下两个东西。一个是css的overflow：hidden js代码object.style.overflow=hidden另外就是标签的title属性。

分享题目：jquery多行溢出 jquery多选
文章来源：http://ybzwz.com/article/dgjicds.html