at widths, ellipses being cut off. i've created fiddle demonstrates it. i've tried different combinations of margin , padding, cannot seem eliminate it. i'm using chrome 51.
note: i've simplified example brevity. actual div responsive, , text dynamic. need solution work text @ width.
is there way can around issue?
<div class="container"> <div class="nowrap">this text should truncated</div> </div> <div class="container two"> <div class="nowrap">this text should truncated</div> </div> .container{ width:196px; font-size:30px; } .container.two{ width:193px; } .nowrap{ text-overflow: ellipsis; white-space:nowrap; overflow:hidden; }
the issue created on chromium got merged duplicate of this issue, got merged duplicate of this issue. update answer status changes.
update: issue not appear in canary, near-future release of chrome should resolve issue.
update 2: issue has been resolved in chrome 52.
