主要代码有三个属性组成，缺一不可：
overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
下面是chrome下的效果：
注意：IE6必须指定宽度。大家可以查看在线演示效果。
另外需要指出的是，不同系统的不同浏览器（主要是IE）下，“…”会显示不同的效果（可以在不同浏览器查看在线演示）。而且对于文章类的网站，显示大量的“…”也是级差的效果，最佳的方法还是言简意赅的使用一定字数的副标题用于列表。
Copyright © 2019- alijijinhui.com 版权所有
违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务