text-overflow
2016-06-16 14:15
204 查看
text-overflow:clip | ellipsis
默认值:clip
适用于:所有元素
clip: 当对象内文本溢出时不显示省略标记(...),而是将溢出的部分裁切掉。
ellipsis: 当对象内文本溢出时显示省略标记(...)。
在使用的时候,有时候发现不会出现省略标记效果,经过测试发现,使用ellipsis的时候,必须配合overflow:hidden; white-space:nowrap; width:50%;这三个样式共同使用才会有效果,示例代码:
默认值:clip
适用于:所有元素
clip: 当对象内文本溢出时不显示省略标记(...),而是将溢出的部分裁切掉。
ellipsis: 当对象内文本溢出时显示省略标记(...)。
在使用的时候,有时候发现不会出现省略标记效果,经过测试发现,使用ellipsis的时候,必须配合overflow:hidden; white-space:nowrap; width:50%;这三个样式共同使用才会有效果,示例代码:
相关文章推荐
- 高效开发iOS -- 那些不为人知的KVC
- PIC单片机之I2C通信(从模式)
- 你想在职场上变身成为《欢乐颂》霸气女高管安迪吗?
- Linux的SOCKET编程详解
- Android M新控件知识整理
- Python中else语句块(和if、while、for、try搭配使用)
- MYSQL 体系结构图-unzip_LRU
- EChart和G2比较
- Mac下的常用终端命令与vim常用命令
- 绑定服务 ServiceConnection 没有被回调 TabHost中
- 【解题报告】Codeforces Round #357 (Div. 2)
- sparkR的一个运行的例子
- !important详解
- 常用Maven插件介绍(下)
- NKOI 3504 迷宫
- Java中正确使用hashCode() 和equals() 、==
- Count Complete Tree Nodes
- 数学与编程
- iOS8 原生图片二维码识别
- 航班代号及含义