CSS3

A fairly common technique employed when display data in tables is to trim a cell’s text content when it is over a certain amount of characters to keep your table rows & columns relatively the same size. CSS3 allows us to do this, but, due to the nature of the way the DOM is rendered, you can only trim a value to be in one-line. But what if you want control over where the trim occurs? This is key to doing a multi-line trim. It just takes a bit of javascript magic.