当容器内容宽度超过容器宽度时显示省略号
2008-01-16 00:05
375 查看
名称:text-overflow
分类:IE专有样式
简述:设置是否使用省略号标示文本溢出
概述:text-overflow是设置是否使用省略号标示文本溢出的样式(Style)。
text-overflow : clip | ellipsis
取值:
clip : 默认值。不显示省略标记(...),而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记(...)
例1:
代码:<div style="overflow: hidden; width: 60px; text-overflow:ellipsis">www.czbin.cn</div>
显示效果:
www.czbin.cn
注:只在IE下此示例才有效果
分类:IE专有样式
简述:设置是否使用省略号标示文本溢出
概述:text-overflow是设置是否使用省略号标示文本溢出的样式(Style)。
text-overflow详细说明
语法:text-overflow : clip | ellipsis
取值:
clip : 默认值。不显示省略标记(...),而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记(...)
例1:
代码:<div style="overflow: hidden; width: 60px; text-overflow:ellipsis">www.czbin.cn</div>
显示效果:
www.czbin.cn
注:只在IE下此示例才有效果
相关文章推荐
- CSS控制的内容超过容器宽度后显示省略号...
- 当容器内容宽度超过容器宽度时显示省略号
- CSS控制的内容超过容器宽度后显示省略号
- CSS控制的内容超过容器宽度后显示省略号
- CSS控制的内容超过容器宽度后显示省略号
- CSS控制的内容超过容器宽度后显示省略号
- td内容自动换行 ,td超过宽度显示点点点… , td 使用 overflow:hidden 无效,英文 数字 不换行 撑破div容器
- 解决html表格中内容超出不强制换行和超出宽度自动隐藏并显示省略号
- 超出宽度的内容显示省略号
- 如何让li中内容显示超过长度后以省略号显示
- 文字超过宽度显示省略号(js版)
- 内容超过长度后以省略号显示的几种实现方式
- css里a标签所有内容都是超过一定宽度后隐藏并且变成省略号 。
- CSS实现内容超过长度后以省略号显示
- android开发教程之textview内容超出屏幕宽度显示省略号
- 超过容器的文字显示为省略号
- 超出div宽度范围的文字进行省略号省略,在鼠标移上去以后显示完整的内容
- 文字超过宽度显示省略号(无js全兼容)
- 内容超过长度后以省略号显示
- 纯CSS超过宽度显示省略号