溢出文本显示省略号的效果:
text-overflow:ellipsis; 当对象内文本溢出时显示省略标记(...)
white-space:nowrap; 强制文本在一行显示
overflow:hidden; 溢出内容为隐藏text-overflow:ellipsis; 当对象内文本溢出时显示省略标记(...)
如何让超出范围的文本自动显示为省略号(CSS)
2015-08-15
1355
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
溢出文本显示省略号的效果:white-space:nowrap; 强制文本在一行显示overflow:hidden; 溢出内容为隐藏text-overflow:ellipsis; 当对象内文本溢出时显示省略标记(.
目录
相关文章
|
3月前
|
5月前
|
前端开发
前端基础(五)_CSS文本文字属性、背景颜色属性
本文详细介绍了CSS中关于文本和背景颜色的样式属性。包括字体大小、字体族、字体加粗、字体样式、文本行高、`font`属性、文本颜色、文本对齐方式、文本装饰线、首行缩进等文本属性，以及背景颜色、背景图片、背景重复、背景位置等背景属性。文章通过示例代码展示了这些属性的具体应用和效果。
115
3
3
|
5月前
|
前端开发
【前端web入门第三天】02 CSS字体和文本
本文详细介绍了CSS中字体和文本的相关属性。字体部分涵盖字体大小、粗细、样式、行高、字体族及`font`复合属性，通过具体示例展示了如何设置和使用这些属性。文本部分则讲解了文本缩进、对齐方式、修饰线及文字颜色等属性，并提供了实用的代码示例。此外，还简要介绍了调试工具中的一些细节，如错误属性标识和属性生效状态的控制。
87
28
29
|
5月前
|
前端开发
|
4月前
|
Web App开发
前端开发
iOS开发
|
5月前
|
前端开发
|
6月前
|
前端开发
|
7月前
|
前端开发
JavaScript
文本，wangEditor5展示HTML无样式，wangEditor5如何看源码，Ctrl + U看CSS文件，代码高亮，Prism.js可以实现，解决方法，参考网页源代码的写法
文本，wangEditor5展示HTML无样式，wangEditor5如何看源码，Ctrl + U看CSS文件，代码高亮，Prism.js可以实现，解决方法，参考网页源代码的写法
230
4
4
|
7月前
|
前端开发
|
8月前
|
前端开发
UED
热门文章
最新文章
1
css3实现3D数字时钟滚动特效代码
2
精通 CSS 阴影效果：从基础到高级应用
3
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
4
前端 CSS 优化：提升页面美学与性能
5
html+js+css实现的建筑方块立体数字时钟源码
6
css3 svg制作404页面动画效果HTML源码
7
jQuery+CSS3实现404背景游戏动画源码
8
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
9
CSS 居中技术完全指南：从基础到高级应用
10
“弘五四,耀青春”程序创意获奖作品【html+css】