CSS控制文本内容长度,溢出追加省略号
2010-07-10 11:27
351 查看
在文本内容显示时长度受到限制的情况下,往往我们采用的是通过服务器端对显示的内容进行截取的方法来实现溢出的部分隐藏掉,并加上省略号。
今天我给大家介绍一种通过css来实现的方法。(IE和FF还有点区别)
在IE下使用的是overflow: hidden;text-overflow: ellipsis;来实现溢出的部分用省略号。
在FF下使用的是p:after{content:"...";}
演示地址:演示
今天我给大家介绍一种通过css来实现的方法。(IE和FF还有点区别)
在IE下使用的是overflow: hidden;text-overflow: ellipsis;来实现溢出的部分用省略号。
在FF下使用的是p:after{content:"...";}
演示地址:演示
相关文章推荐
- css 控制溢出文本显示省略号效果
- css如何实现多行文本时,内容溢出,出现省略号
- 纯 CSS 单行文本溢出追加省略号
- css控制溢出内容 用省略号代替显示
- css 控制单行,多行文本溢出省略号
- 纯 CSS 单行文本溢出追加省略号
- 纯 CSS 单行文本溢出追加省略号
- CSS控制文本的长度,超过一行显示省略号
- CSS控制文本溢出显示省略号
- CSS控制文本的长度 超过一行显示省略号的实现方法
- DIV+CSS实操七:中文系内容模块控制文本不换行和超出指定宽度后用省略号代替
- 纯css控制单行文本文字溢出省略号代替
- 纯 CSS 单行文本溢出追加省略号
- css控制文本单行,多行溢出显示省略号
- 当内容超出最大的长度的时候,使用CSS使文本显示省略号
- css - 当文本内容长度超出屏幕宽度时,以省略号代替
- CSS控制LI行字符溢出用省略号代替
- css多行文本溢出显示省略号
- angularjs如何在ng-repeat过程中控制字符串长度超过指定长度后面内容以省略号显示
- CSS实现文本超过指定长度显示省略号