css - ellipsis not working for long URL -


ellipsis not working in case of long url. in case of urls, treating / special character , breaking @ every occurrence of /.

.ui-jqgrid tr.jqgrow td  {    font-weight: normal;     overflow: hidden;     text-overflow: ellipsis;    -moz-binding:url('ellipsis-xbl.xml#ellipsis');     white-space: normal !important;     height: 22px;    padding: 4px 2px 4px 2px;    border-bottom-width: 1px;     border-bottom-color: inherit;     border-bottom-style: solid; } 

any idea how escape special character in ellipsis?

you need set white-space: nowrap; in order ellipsis behaviour work expect.

demo fiddle

html

<div class='ellipsis'>http://stackoverflow.com/questions/22609623/ellipsis-not-working-for-long-url</div> 

css

.ellipsis {     font-weight: normal;     overflow: hidden;     text-overflow: ellipsis;     -moz-binding:url('ellipsis-xbl.xml#ellipsis');     white-space: nowrap;     height: 22px;     padding: 4px 2px 4px 2px;     border-bottom-width: 1px;     border-bottom-color: inherit;     border-bottom-style: solid;     width:100px; /* set example */ } 

Comments

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -