html - Use text-overflow: ellipsis on an anchor tag -


how can make <a> tag use text-overflow: ellipsis property? have long link names truncate.

here attempt using usual text-overflow approach.

http://jsfiddle.net/2wg8n/

you'll need change display: block; or else inline-block , specify width, e.g:

a {     width: 50px;     display: block;     white-space: nowrap;     text-overflow: ellipsis;     overflow: hidden; } 

Comments

Popular posts from this blog

java - Multi-Label Document Classification -

php - Dynamic url re-writing using htaccess -

python - How to create a legend for 3D bar in matplotlib? -