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

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

c++ - Is it possible to compile a VST on linux? -

url - Querystring manipulation of email Address in PHP -