超出指定文本以省略号显示代码,Css代码库,德仔网

代码语言

代码分类

【Css】超出指定文本以省略号显示

作者:金荣 / 发布于2015/5/13/ 627


	<style>
	.text1 {
	 width:200px;
	 overflow:hidden;
	 text-overflow:ellipsis;
	 -o-text-overflow:ellipsis;
	 -webkit-text-overflow:ellipsis;
	 -moz-text-overflow:ellipsis;
	 white-space:nowrap;
	}
	.text2 {
	 width:200px;
	 word-break:break-all;
	 display:-webkit-box;
	 -webkit-line-clamp:2;
	 -webkit-box-orient:vertical;
	 overflow:hidden;
	}
	</style>

	<div class="text1">热卖精选：从子频道（服饰鞋包，亲子，居家，美妆）档期里面挑选出来，库存大于30%的高信价比商品list，数量为50个</div>

	

	<div class="text2">热卖精选：从子频道（服饰鞋包，亲子，居家，美妆）档期里面挑选出来，库存大于30%的高信价比商品list，数量为50个</div>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　省略号　

同语言下

可能有用的

金荣贡献的其它代码(7)