文字溢出隐藏显示省略号

　

溢出隐藏

css实现单行溢出隐藏

css代码

/*
溢出隐藏
*/
overflow: hidden;
/*
显示省略号
*/
text-overflow: ellipsis;
/*
不换行
*/
white-space: nowrap;

js实现多行溢出隐藏

jsp页面

<dd class="user_star_dd"><p>你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好

你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好

</p></dd>

css代码

overflow: hidden;
height: 30px;

js代码

$(function(){
// 文字隐藏
	$(".user_star_dd").each(
			function(i) {
				var pH = $(this).height();
				var $p = $("p", $(this));
				while ($p.outerHeight() > pH) {
					$p.text($p.text().replace(
							/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/, "..."));
	};
});
})

特别的，在table中要用溢出省略，需要为table添加

style="table-layout: fixed;"(允许设置列宽,通过th) 默认为 table-layout: automatic 默认每一列列宽均分(不可设置列宽)

相关阅读

开机黑屏 只显示鼠标 电脑黑屏 只有鼠标 移动 [已成功

原文地址为：开机黑屏 只显示鼠标 电脑黑屏 只有鼠标 移动 [已成功解决] 转自：http://blog.sina.com.cn/hyiyun 近些天，有网友

CSS 显示风格 appearance属性

在CSS3中，可以通过 appearance属性使元素呈现为标准的用户界面元素，如按钮、菜单、文本输入框、单选按钮、多选按钮、列表等等。也

PS制作镂空文字

镂空字体是图片设计时的一种常见的设计形式，下面简单的记录一下镂空字体的设计过程以便后期使用。 第一种方法 1、新建画布，导入一

为什么淘宝导航显示不出来?原因及解决方法说明

在装修的店铺的时候，有卖家朋友遇到了一些棘手的问题，想知道为什么我淘宝的首页导航是正常的，但一到宝贝到了详情页上面就变成一张图

最新数据显示：2025年中国将拥有世界最大数据圈

国际数据公司（IDC）2月21日发布的报告预测，中国数据圈在2025年增至48.6ZB字节，占全球27.8％，成为最大数据圈。 IDC昨天发布了《数字化世界