多行超出部分显示省略号多行超出部分显示省略号效果图：之前：之后：

多行超出部分显示省略号

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>多行超出部分显示省略号</title>
	</head>
	<body>
		<p style="width: 300px;">
			多行超出部分显示省略号多行超出部分显示省略号多行超出部分显示省略号多行
			超出部分显示省略号多行超出部分显示省略号多行超出部分显示省略号多行超出部分显示省略号
			多行超出部分显示省略号多行超出部分显示省略号多行超出部分显示省略号多行超出部分显
			示省略号多行超出部分显示省略号多行超出部分显示省略号多行超出部分显示省略号
		</p>
	</body>
	<script type="text/javascript">
		var p = document.getElementsByTagName('p')[0].innerHTML;
		console.log(p);
		//超出30个字符就把后面的换成"..."
		var p1 = p.substr(0,30) + "..."
		document.getElementsByTagName('p')[0].innerHTML = p1;
	</script>
</html>

效果图：之前：

之后：