多语言展示
当前在线:418今日阅读:195今日分享:41

css中文字符太长,超出文本区域怎么实现省略号?

在前端开发过程中,经常遇到,文字的超出区域,需要以省略号的形式,对溢出文字进行处理,怎么通过css,实现这一功能呢?
工具/原料

hbulider

方法/步骤
1

首先在html 页面引入一个css文件

2

在css文件里写上text-ellipsis{  width:500px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;  }

注意事项

一定要引入css文件

推荐信息