在实际应用中，经常需要只显示一行文字，不允许文字换行破坏整体样式的情况。例如‘商品的名称’，‘简介’等等。但是由于显示器的宽度不一样，会出现后台所给文字内容，一行文本容纳不下的情况。溢出的文本如果使用overflow:hidden生硬的给隐藏掉，显示的效果不是很好，这时，溢出的文本就需要使用省略号...来替换。使用js截取有点儿复杂，可直接使用css的属性进行设置，实现该效果。
需给文本对象添加的css属性如下：
休闲纯色百搭短裤
.className{width: 60px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
显示的效果如下：
方科网络ERP图文店
下载
方科网络ERP图文店II版为仿代码站独立研发的网络版ERP销售程序。本本版本为方科网络ERP图文店版的简化版，去除了部分不同用的功能，使得系统更加精炼实用。考虑到图文店的特殊情况，本系统并未制作出入库功能，而是将销售作为重头，使用本系统，可以有效解决大型图文店员工多，换班数量多，订单混杂不清的情况。下单、取件、结算分别记录操作人员，真正做到订单全程跟踪！无限用户级别，不同的用户级别可以设置不同的价
立即学习“前端免费学习笔记（深入）”；
