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

代码语言

代码分类

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

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


	<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>

试试其它关键字

　省略号　

同语言下

.前端PC-移动端CSS公共样式+HTML
.手机端页面通用样式
.H5页面通用头部设置
.elect默认样式美化代码兼容移动端和pc端
.按钮效果 css
.唤醒app
.放大效果
.html5+css3实现上拉和下拉刷新
.html上传图片后，在页面显示上传的图片
.html5实现点击弹出图片

可能有用的

.C#实现的html内容截取
.List 切割成几份工具类
.SQL查询多列合并成一行用逗号隔开
.一行一行读取txt的内容
.C#动态修改文件夹名称(FSO实现，不移动文件)
.c# 移动文件或文件夹
.c#图片添加水印
.Java PDF转换成图片并输出给前台展示
.网站后台修改图片尺寸代码
.处理大图片在缩略图时的展示

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

.媒体查询iphone6和6plus
.超出指定文本以省略号显示
.IE浏览器版本头文件
.用@media适配不同尺寸的手机
.插入排序
.JDOM生成和解析XML
.在客户端获取用户的系统信息