时间:2021-05-08
设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。 对应的脚本特性为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; 可实现所想要得到的溢出文本显示省略号效果。
以上这篇强制文本在一行内显示,并且后面有省略号效果的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
原文地址:http://blog.csdn.net/fanhaiwang520/article/details/7990758
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
超出一行隐藏:overflow:hidden;//超出的文本隐藏text-overflow:ellipsis;//溢出用省略号显示white-space:now
省略号会占据很多空间,并且没有太大意义我们可以禁止firefox页面标签(tab)内的文字显示省略号操作步骤:在地址栏中输入:about:config在过滤器文
在项目中我们经常需要在文本过长时显示,将文本超出的部分内容用省略号代替:思想为:首先设置宽度,然后让超出的部分隐藏如果有超出则在最后显示省略号让文本不换行具体c
网站中经常出现一些标题比较长的文章,再调用标题时为了使整体布局美观,需要将标题控制在一行显示,并且截取一定的长度,截取的地方用省略号代替。虽然用动态语言可以对其
原型要求:要求制作一个邀请卡页面,其中标题字数是动态的,最多可显示2行,如果超出2行则第2行内容结尾添加省略号。根据产品妹子的性格,四行这个设置到时很大机会改,