多行文字超出部分显示省略号

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>	
		<style>
		p{
			width:300px;
			height:200px;
			line-height:40px;
			border:1px solid #222222;
		}
		</style>
	</head>
	<body>
		<p>撒旦法撒旦讲课费发送到加快分解,圣诞节疯狂圣诞节疯狂,上岛咖啡接口设计的开发及就坚实的咖啡机了是的, ,水电费开始的接口舒服是的讲课费的数据放到手机看了,放声大锋精精神来得及分类看电视剧发牢骚</p>
		<script src="js/jquery.min.js"></script>
		<script>
			
			$(function(){
				var text = $("p").text();
				var maxLength = 90;
				if(text.length>maxLength){
					var text1 = text.substring(0,maxLength);
					$("p").text(text1+"...");
				}
				
			})		
		</script>
	</body>
</html>








猜你喜欢

转载自blog.csdn.net/jiangqing993/article/details/76944562