多行文本超出显示省略号

最新推荐文章于 2024-01-23 10:12:28 发布

rouduo_zjy

最新推荐文章于 2024-01-23 10:12:28 发布

阅读量179

点赞数

分类专栏： JavaScript 文章标签：超出多行省略号

本文链接：https://blog.csdn.net/rouduo_zjy/article/details/103180661

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

多行文本超出显示省略号

<!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>