css如何设置文字超出省略号

当前第2页 返回上一页

设置内容显示为一行，内容超出后显示为省略号。为cont类添加内容显示为一行：white-space: nowrap; ，内容超出后显示为省略号：text-overflow: ellipsis; （注意：white-space: nowrap;和text-overflow: ellipsis;要同时使用才能显示为省略号）。

保存好代码后使用浏览器打开查看内容超出后显示为省略号的效果。

推荐学习：css视频教程

以上就是css如何设置文字超出省略号的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

css中有哪些常见的布局方式

html中序列化标签的简单介绍（代码实例）

background-position属性怎么用

使用html+css制作一些动画提示工具

html css js 区别是什么

你可能不了解的css网格函数！

css如何实现波浪效果

为什么要初始化css代码

css文件中如何引入另一个css文件？（代码示例）

css border-left-width属性怎么用

更多相关阅读请进入《css》频道 >>

书籍

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

￥83.86元   人民邮电出版社

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

转载请注明出处：木庄网络博客 » css如何设置文字超出省略号