强制文本在一行内显示,并且后面有省略号效果
2012-09-18 13:34
267 查看
设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。 对应的脚本特性为textOverflow。
<div style="width:100px;height:20px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; ">a b c d e f g h i j k l , msa sd sd sa w df f </div>
text-overflow属性仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。我们想要实现溢出时产生省略号的效果。还必须定义:强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden)。只有这样才能实现溢出文本显示省略号的效果。
一、仅定义text-overflow:ellipsis; 不能实现省略号效果。
二、定义text-overflow:ellipsis; white-space:nowrap; 同样不能实现省略号效果
三、同时应用: text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 可实现所想要得到的溢出文本显示省略号效果:
<div style="width:100px;height:20px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; ">a b c d e f g h i j k l , msa sd sd sa w df f </div>
text-overflow属性仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。我们想要实现溢出时产生省略号的效果。还必须定义:强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden)。只有这样才能实现溢出文本显示省略号的效果。
一、仅定义text-overflow:ellipsis; 不能实现省略号效果。
二、定义text-overflow:ellipsis; white-space:nowrap; 同样不能实现省略号效果
三、同时应用: text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 可实现所想要得到的溢出文本显示省略号效果:
相关文章推荐
- 强制文本在一行内显示,多余字符使用省略号...代替
- CSS强制文本在一行内显示若有多余字符则使用省略号表示
- CSS强制文本在一行内显示若有多余字符则使用省略号表示
- CSS强制文本在一行内显示若有多余字符则使用省略号表示
- CSS控制文本超出指定宽度显示省略号和文本不换行效果的实现
- css 文本超出2行就隐藏并且显示省略号
- css 文本超出2行就隐藏并且显示省略号
- css设定文本超出一行或多行就隐藏并显示省略号
- CSS控制文本的长度,超过一行显示省略号
- 文本换行和超出一行显示省略号
- CSS控制文本超出部分显示省略号(一行跟多行)
- 关于文本中多余的字隐藏成省略号在一行显示
- CSS文本超出2行就隐藏并且显示省略号,单行居中,两行居左
- CSS控制文本超出指定宽度显示省略号和文本不换行效果的实现
- 溢出文本显示为省略号的效果及其text-overflow:ellipsis;的使用
- dataGrid 的单元格文本溢出显示省略号的效果
- 多行文本溢出最后一行显示省略号
- css3实现渐变、阴影、超出指定文本省略号显示等一些效果
- 强制在一行内显示所有文本,不回行,对象内文本溢出时显示省略标记
- iOS lable设置富文本后在最后一行没有显示省略号的问题解决