欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css如何实现限制文字字数

程序员文章站 2022-04-14 17:35:58
...
本文主要和大家分享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;
//后面出来省略号

相关推荐:

css限制显示字数,文字长度超出部分用省略号表示

如何实现CSS限制字数

html5标签用css限制显示行数(字数)

以上就是css如何实现限制文字字数的详细内容,更多请关注其它相关文章!

相关标签: CSS,限制字数