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