css overflow hidden increases height of container

Question

Please have a look at this fiddle - http://jsfiddle.net/Z27hC/

var container = document.createElement(\'span\');
container.style.display = \'inline-block\';
cont         


        

Answer 1

The overflow-property can change the baseline of an element. To prevent this you can use vertical-align on inline-blocks.

cell.style.display = 'inline-block';
cell.style.overflow = 'hidden';
cell.style.verticalAlign = 'bottom';

http://jsfiddle.net/23e0rny9/