CSS automatically fitting multiple divs to span to the size of a page? -
so need multiple lined divs span across page , same thing when div added. i'm not sure how can achieve this. example of is:
[ div 1][ div 2][ div 3][ div 4][ div 5]
and when div added won't stack below, decrease size of divs fit space.
you should use display: table-cell
.
see: http://jsfiddle.net/2x73j/
the browser support excellent: http://caniuse.com/css-table
<div class="multicontainer"> <div>div 1</div> .. </div> .multicontainer { width: 100%; display: table; background: #ccc } .multicontainer > div { display: table-cell; border: 1px dashed #f0f }
Comments
Post a Comment