css文本溢出隐藏并且以省略号显示

css文本溢出隐藏并且以省略号显示

描述

让你的文本溢出之后隐藏,并且显示省略号。

效果如下:

代码

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<link rel="stylesheet" href="">
	<style>
		.text {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			width: 200px;
		}
	</style>
</head>
<body>
	<p class="text">
		如果我溢出了,我就会以省略号显示,这会让你看起来非常爽
	</p>
</body>
</html>

人已赞赏
实用片段

css溢出文章隐藏并淡出效果

2020-4-27 12:20:14

实用片段

css引入自定义字体

2020-4-27 16:36:08

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索