CSS中如何将超出的文本隐藏并用省略号代替(2)-木庄网络博客

2022-03-02 09:40:35 PHP中文网 JavaScript 百度已收录

text-overflow 属性

规定当文本溢出包含元素时发生的事情，它是CSS3中的属性，它有三个值分别为

clip:修剪文本，将超出部分删除

text-overflow:clip;
overflow:hidden;
white-space:nowrap;规定段落中的文本不进行换行

Image 16.jpg

ellipsis:用省略号来代替被删除的内容

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

Image 17.jpg

当鼠标放上时被隐藏的字显示

1	`overflow:visible;`

总结：以上就是本篇文章的全部内容了，希望对大家有所帮助。

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者