1、问题场景:
一个超链接,中间放文字。文字超长时想要使用省略号显示。<a>超长长长长</a> 代替为 <a>超长......</a>
2、解决方法:
通过添加类来进行:
1 .myOverflow { 2 15em; 3 white-space:nowrap; 4 text-overflow:ellipsis; 5 -o-text-overflow:ellipsis; 6 overflow:hidden; 7 }
3、遗留问题:
超长的字不会换行,但是还是会显示。
4、解决遗留
查找原因:http://www.divcss5.com/wenji/w627.shtml
因为超链接直接设置宽度是不会生效的,通过设置display:block或者加float来进行设置。(PS:加padding的方法,我这里没生效,不知道为啥。)
http://w3help.org/zh-cn/causes/RT3005 根据这个链接看以看到,如果你的页面是在外层div上设定class,可能因为div中有块级元素比如其他div,导致该div内部的超链接或者span的超长字符不能预期显示。