Skip to content

Instantly share code, notes, and snippets.

@tvandervossen
Last active December 28, 2015 07:19
Show Gist options
  • Star 8 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tvandervossen/7463148 to your computer and use it in GitHub Desktop.
Save tvandervossen/7463148 to your computer and use it in GitHub Desktop.
div.description a.autolink
{
display: inline-block;
max-width: 250px;
text-overflow: ellipsis;
overflow: hidden;
}
@tvandervossen
Copy link
Author

You could even use max-width: 50% to make it especially nice.

@bwinton
Copy link

bwinton commented Nov 14, 2013

Great idea, but it doesn't seem to work for me…

@charlesdemers
Copy link

@bwinton You need to add this:

white-space: nowrap; /* make sure the link stays on one line */
vertical-align: bottom; /* align the link with the text */

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment