CSS实现内容超过长度后以省略号显示
2017-04-11 10:03
399 查看
样式:
{width: 160px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
说明:
white-space: nowrap 保证文本内容不会自动换行,如果多余的内容会在水平方向撑破单元格。
overflow: hidden 隐藏超出单元格的部分。
text-overflow: ellipsis 将被隐藏的那部分用省略号代替。
相关文章推荐
- CSS实现内容超过长度后以省略号显示
- CSS实现内容超过长度后以省略号显示
- CSS控制文本的长度 超过一行显示省略号的实现方法
- 使用纯CSS实现文字超过一定的长度后自动显示省略号
- 内容超过长度后以省略号显示的几种实现方式
- CSS实现文本超过指定长度显示省略号
- 用css布局的方法实现如果字符超过一定长度就显示成省略号
- 如何让li中内容显示超过长度后以省略号显示
- CSS控制的内容超过容器宽度后显示省略号
- 当内容超出最大的长度的时候,使用CSS使文本显示省略号
- 4行CSS实现【表格内容超过一行的部分,用省略号代替】【支持IE6】
- LI中内容超过长度后以省略号显示的方法
- CSS控制的内容超过容器宽度后显示省略号
- LI中内容超过长度后以省略号显示的方法
- Li中内容超过长度后以省略号显示的方法
- CSS 实现表格内容超出显示省略号
- css控制一行文字超过固定长度显示省略号
- CSS实现表格内容超出用省略号显示 -确实可用, 转
- 4行CSS实现表格内容超过一行的部分,用省略号代替
- 内容超过长度后以省略号显示