tags:

views:

129

answers:

2

the hyperlink always wraps. is there a way to hide the overflow?

+3  A: 

the following should do what you want.

a.specialLink {
    display:inline-block;
    overflow:hidden;
    white-space:nowrap;
    width: 10em;
}
Jonathan Fingland
cant use inline-block in ie 7. Nevertheless, Whitespace: nowrap seems to have done it. thanks.
zsharp
inline-block in IE7 only works on inline elements, not block elements. a 'span' or 'a' (both inline elements) can be given display:inline-block whereas a div could not
Jonathan Fingland
inline-block should work in ie... but it doesn't work in ffx 2
wheresrhys
A: 

HTML:

<ul id="hide">
    <li><a href="/path">Link</a></li>
</ul>

CSS:

#hide li a {overflow: hidden;}
Yongho