A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

溢出隐藏可以用下面的几种方法来实现:
[CSS] 纯文本查看 复制代码
/*
溢出隐藏
*/
overflow: hidden;
/*
显示省略号
*/
text-overflow: ellipsis;
/*
不换行
*/
white-space: nowrap;

js实现多行溢出隐藏
jsp页面
<dd class="user_star_dd"><p>你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好</p></dd>
CSS代码
[CSS] 纯文本查看 复制代码
overflow: hidden;
height: 30px;


js代码
[JavaScript] 纯文本查看 复制代码
$(function(){
// 文字隐藏
	$(".user_star_dd").each(
			function(i) {
				var divH = $(this).height();
				var $p = $("p", $(this));
				while ($p.outerHeight() > divH) {
					$p.text($p.text().replace(
							/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/, "..."));
	};
});
})





0 个回复

您需要登录后才可以回帖 登录 | 加入黑马