首页 >web前端 >css教程 >css如何实现限制文字字数

css如何实现限制文字字数

零到壹度
零到壹度原创
2018-03-23 10:02:544135浏览

本文主要和大家分享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如何实现限制文字字数的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn