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.
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
Post a Comment