CCS3属性之text-overflow:ellipsis;的用法和注意之处
来源:互联网 发布:国家政务数据开放网站 编辑:程序博客网 时间:2024/06/06 01:54
语法:
text-overflow:clip | ellipsis
默认值:clip
适用于:所有元素
clip: 当对象内文本溢出时不显示省略标记(...),而是将溢出的部分裁切掉。
ellipsis: 当对象内文本溢出时显示省略标记(...)。
在使用的时候,有时候发现不会出现省略标记效果,经过测试发现,使用ellipsis的时候,必须配合overflow:hidden; white-space:nowrap; width:50%;这三个样式共同使用才会有效果,示例代码:
<style type="text/css"> .test{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:150px;}</style><div class="test">关于**产品的推广关于**产品的推广关于**产品的推广</div>
上面的width属性根据实际需要填写,其它样式是固定的。
0 0
- CCS3属性之text-overflow:ellipsis;的用法和注意之处
- CCS3属性之text-overflow:ellipsis;的用法和注意之处
- CCS3属性之text-overflow:ellipsis;的用法和注意之处
- CSS3属性之text-overflow:ellipsis详解
- text-overflow:ellipsis用法
- text-overflow: ellipsis 的兼容性
- 神奇的CSS样式属性 text-overflow:ellipsis
- text-overflow样式属性值ellipsis的使用方法
- text-overflow样式属性值ellipsis的使用方法
- CSS3属性之:text-overflow
- CSS实现text-overflow:ellipsis的效果
- text-overflow:ellipsis的巧妙运用
- text-overflow:ellipsis的巧妙运用
- text-overflow:ellipsis的巧妙运用
- firefox中text-overflow:ellipsis的问题
- text-overflow:ellipsis的巧妙运用
- text-overflow:ellipsis;
- text-overflow:ellipsis
- 文本处理三剑客之grep、egrep、fgrep
- RecyclerView 自动滑动到底部
- W88 Casino MYR75 Welcome Bonus
- PAT B1047. 编程团体赛(20)
- CodeForces
- CCS3属性之text-overflow:ellipsis;的用法和注意之处
- 分治算法解题:Maximum Subarray
- 归并排序
- wpf 最小化托盘
- YAML 语言教程
- DebugView
- 文本处理三剑客之sed
- JDBC原理
- 英雄状态机