超链接中文字超长使用省略号代替

1、问题场景:

一个超链接,中间放文字。文字超长时想要使用省略号显示。<a>超长长长长</a>  代替为 <a>超长......</a>

2、解决方法:

通过添加类来进行:

1 .myOverflow {
2             width: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的超长字符不能预期显示。

posted @ 2014-12-30 14:04  testForever  阅读(590)  评论(0编辑  收藏  举报