css實現單行溢位隱藏

css程式碼

/*
溢位隱藏
*/
overflow: hidden;
/*
顯示省略號
*/
text-overflow: ellipsis;
/*
不換行
*/
white-space: nowrap;

js實現多行溢位隱藏

jsp頁面

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

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

overflow: hidden;
height: 30px;
 

js程式碼

$(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)(\.\.\.)?$/, "..."));
	};
});
})