css样式中的省略显示

最新推荐文章于 2024-04-02 15:13:38 发布

北京云帆互联科技

最新推荐文章于 2024-04-02 15:13:38 发布

阅读量127

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/zztiandaochouqin/article/details/84265153

版权

javascript 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

	<style>
			 .test_demo_clip{text-overflow:clip; overflow:hidden; white-space:nowrap; width:200px; background:#ccc;}
			  .test_ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:200px; background:#ccc;}			
		</style>
	</head>
	<body>
		<!--省略号的方式显示文本-->
		<div class="test_demo_clip">
			不省略显示abcedfsafsafaaabcedfsafsafaaabcedfsafsafaaabcedfsafsafaaabcedfsafsafaaabcedfsafsafaaabcedfsafsafaa
		</div>
		<div class="test_ellipsis">
			省略显示abcedfsafsafaaabcedfsafsafaaabcedfsafsafaaabcedfsafsafaaabcedfsafsafaaabcedfsafsafaaabcedfsafsafaa
		</div>

注意：(

text-overflow:ellipsis; overflow:hidden; white-space:nowrap;

)这三个属性一定要一起使用。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

北京云帆互联科技

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css样式中的省略显示

&lt;style&gt; .test_demo_clip{text-overflow:clip; overflow:hidden; white-space:nowrap; width:200px; background:#ccc;} .test_ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:no...
复制链接

扫一扫