web前端|html教程
CSS3文本溢出显示省略号
web前端-html教程
CCS3属性之text-overflow:ellipsis;的用法和注意之处
直销平台oa系统源码,阿里云安装vscode,ubuntu权限764,tomcat8443占用,django 爬虫,php教学大纲,如何看待seo的未来,帝国cms 会议网站模板,html 带农历的日历模板lzw
语法:
怎么下载一个网站源码下载,vscode 大小写转换,ubuntu svn超时,tomcat抛出异常日志,反爬虫net,php 数组转为对象,山东短视频seo优化布局,拍卖网站源码带手机带APP,织梦化妆培训模板lzw
text-overflow:clip | ellipsis
九宫格手机站导航源码,ubuntu vi修改命令,tomcat会自动关闭吗,底层的爬虫,前端要会php吗,seo债权lzw
默认值:clip
适用于:所有元素
clip: 当对象内文本溢出时不显示省略标记(…),而是将溢出的部分裁切掉。
ellipsis: 当对象内文本溢出时显示省略标记(…)。
更多参考:/h/bjaf/pr_text-overflow.htm
在使用的时候,有时候发现不会出现省略标记效果,经过测试发现,使用ellipsis的时候,必须配合overflow:hidden; white-space:nowrap; width:200px;这三个样式共同使用才会有效果,示例代码:
.test{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:360px;}
欢迎光临何问起! css3实现文本溢出显示省略号。Midi下载
查看效果:/h/bjaf/1hg11eg4.htm
练习题:/tiku/bjaf/curs4a42.htm
web前端汇总: