css如何实现限制文字字数

2020-11-27 来源：汇智旅游网

本文主要和大家分享css如何实现限制文字字数，主要以代码形式，希望能帮助到大家。

html部分

<!DOCTYPE html>
<html>
	<head>
	<meta charset="UTF-8">
	<title></title>
	</head>
	<body>
	<p id="nr">
	我是显示的内容
我是显示的内容
我是显示的内容
	</p>
	</body>
</html>

css部分

width:20px;
overflow: hidden;
text-overflow: ellipsis;
//限制字数显示
white-space: nowrap;
//后面出来省略号