博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS控制文本的长度,超过一行显示省略号
阅读量:5362 次
发布时间:2019-06-15

本文共 457 字,大约阅读时间需要 1 分钟。

代码如下:

a b c d e f g h i j k l , msa sd sd sa w df f

 text-overflow属性仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。我们想要实现溢出时产生省略号的效果。还必须定义:强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden)。只有这样才能实现溢出文本显示省略号的效果。 

一、仅定义text-overflow:ellipsis; 不能实现省略号效果。   
二、定义text-overflow:ellipsis; white-space:nowrap; 同样不能实现省略号效果   
三、同时应用: text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 可实现所想要得到的溢出文本

转载于:https://www.cnblogs.com/lily1010/p/5394829.html

你可能感兴趣的文章
css中单位px 、em、rem的区别
查看>>
angular @Input() 和 @Output()
查看>>
virtualbox虚拟机中的centos与macos共享文件夹
查看>>
对计算机世界的认知
查看>>
一个程序员要走的路
查看>>
2015-阿里C++研发附加题第一题
查看>>
Scrum学习总结
查看>>
把C#对象转换为json字符串
查看>>
【BZOJ3232】圈地游戏 分数规划+最小割
查看>>
【BZOJ4245】[ONTAK2015]OR-XOR 贪心
查看>>
【BZOJ3678】wangxz与OJ Splay
查看>>
有哪些通俗易懂的例子可以解释 IaaS、PaaS、SaaS 的区别?
查看>>
u盘打开提示要格式化,但是又无法格式化
查看>>
C++之位操作符
查看>>
Thinking in Java Reading Note(7.复用类)
查看>>
poj1611(并查集)
查看>>
使用phpqrcode生成二维码
查看>>
CF123E Maze(期望dp,树形dp,式子)
查看>>
四则运算
查看>>
Java入门:用户登录与注册模块1(实践项目)——分析
查看>>