如题:
<dl>
<dt>
<a href="">电力整流装置及整流器</a>
</dt>
<dt>
<a href="">电容器</a>
</dt>
</dl>
实际上“电力整流装置及整流器”超过div的宽度,后面几个字自动换行了。怎么显示成"电力整流装置及..." 这样的,或者别的解决方案。谢过各位大神
淘宝目前用的是直接overflow=hidden,超出即隐藏
当然css可以实现省略号的,
.ellipsis{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
但是要求必须设置宽度,这点要求让自适应比较难做,甚至不得以用js读取外围宽度然后设置才可以实现自适应,
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。