css实现截取显示...
来源:互联网 发布:js跳转页面指定位置 编辑:程序博客网 时间:2024/05/08 19:22
以前对css没有了解的时候经常使用字符串截取来实现文字加省略号的展现形式,今天对css进行了一下研究,发现css也提供了截取显示的功能
css代码如下:
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style type="text/css"> .ea_articleList_element{width:300px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}</style></head><body><span class=ea_articleList_element>文章模块列表2fdsfdsfdsfdsfdsfdsfdsfdsfdsfdsfdsfdsfds</span><div class=ea_articleList_element>文章模块列表2fdsfdsfdsfdsfdsfdsfdsfdsfdsfdsfdsfdsfds</div></body></html>
展现效果如下:
chrome:
firefox:
ie:
可以看见在IE上不仅对块元素有效果对内嵌元素也有效果,而子啊chrome和firefox上仅仅对块元素有效果
- css实现截取显示...
- CSS截取显示字符串
- CSS实现在FireFox下截取字符串显示省略号
- CSS实现在FireFox下截取字符串显示省略号
- css实现内容超长自动截取并显示省略号
- HTML使用css样式实现截取字符过长显示的效果
- CSS截取字符串,多余文字省略号显示
- 用css来实现自动截取文字
- CSS文字截取功能实现代码
- css截取截取字符串
- CSS截取字符串,将多余文字用省略号显示
- CSS截取字符串,将多余文字用省略号显示
- CSS截取字符串,多余文字用省略号显示
- 字符串过长CSS截取多余文字并用省略号显示
- CSS截取字符串多余字符并以省略号显示
- html+css实现购物显示
- css实现超出文本...显示
- css截取字符串,实现标题过长用。。。。代替
- ubuntu配置java环境变量
- Good Picture Designer and Editor
- 用VS2008编译的Qt程序 安装到电脑上显示 无法找到msvcr71.dll
- linux文件系统介绍
- 黑马程序员---collection 集合
- css实现截取显示...
- Error与Exception有什么区别
- Java 学习笔记07:使用Spring的Dao连接数据库
- connect的超时设置
- 网页中实现打印功能
- How to change the default location of the Office 2010 Document Cache
- 设计模式--创建型--抽象工厂
- 《书写》
- SPI时序详解