html - Display up to 3 rows of a text field -
goal: i'd display 3 lines of long text field in <div> of defined width.
current flawed approach:
<style> div{ width:50%; height:100px; padding:10px; white-space:normal; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; } </style> <div> <%= @company.description %> </div> problem: above cuts off bottom line if not lined arbitrary 100px+20px height. so, end line of text halfway cut off horizontally. how can instead display 3 whole lines of text instead of cutting off?
use em, not px height. 3em or 3.12em right (cater padding well).
Comments
Post a Comment