CCS3属性之text-overflow:ellipsis;的用法和注意之处
来源:互联网 发布:诲女知之乎知之为知之 编辑:程序博客网 时间:2024/06/05 20:22
语法:
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
- System.Web.HttpRequestValidationException检测到有潜在危险的 Request.Form 值
- BZOJ 4321: queue2|动态规划
- binlog,redo log,undo log区别
- 线程的同步和异步
- oracle实例与数据库
- CCS3属性之text-overflow:ellipsis;的用法和注意之处
- html标签label的属性与全局属性
- Android RecycleView(二)——添加分割线
- TCP/IP、Http、Socket的区别
- linux下的软件安装
- textview 占位字
- NLP系列(4)_朴素贝叶斯实战与进阶
- 前端初级自动化---脚本,样式合并及压缩
- bootstrap table 整合dwr框架