文本超出显示区时转换为...

最新推荐文章于 2021-11-16 11:15:36 发布

小小徐666

最新推荐文章于 2021-11-16 11:15:36 发布

阅读量151

点赞数

分类专栏： css

原文链接：https://blog.csdn.net/qq_35484998/article/details/79182499

版权

css 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

这里写自定义目录标题

代码
效果图：

代码

<!DOCTYPE html>
<html>
 
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			p {
				width: 100px;
				/*设置文本框大小*/
				white-space: nowrap;
				/*设置内容不换行*/
				text-overflow: ellipsis;
				/*设置文字超出文本框的内容显示成...*/
				overflow: hidden;
				/*超出部分隐藏*/
			}
		</style>
	</head>
 
	<body>
		<div>
			<p>
				神马都是浮云神马都是浮云神马都是浮云神马都是浮云神马都是浮云神马都是浮云神马都是浮云
			</p>
		</div>
	</body>
 
</html>
效果：
--------------------- 
版权声明：本文为CSDN博主「李狂之」的原创文章，遵循CC 4.0 by-sa版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_35484998/article/details/79182499