2015-10-03 6 views
0

У меня проблема:HTML and CSS Упорядочить divs по вертикали

У меня есть размер кузова: 100%; высота: 100%; переполнение: скрытый;

Я хочу поставить несколько дивы один ниже другого ниже другого и при достижении предельного перехода на сторону

ниже следует иллюстрация

enter image description here

Мне очень жаль мой английский не является основным языком

+0

что цель 'переполнения: hidden'? –

+0

Поделитесь своим html-кодом – akash

+0

Решено, я использую -webkit-flex –

ответ

0

описание товара в комментариях.

http://jsfiddle.net/pvc5mq3r/

$(function(){ 

    // function to add content vertically 
    function addVertically(div, content){ 

     // max blocks per column 
     maxBlocksPerCol = 10; 

     //determine which column to add to 
     col = null; 

     div.children("div").each(function(){ 

      if($(this).children("div").length < maxBlocksPerCol) 
       col = $(this); 
     }); 
     if(col == null){ 
      col = $("<div class='column'></div>"); 
      div.append(col); 
     } 

     // finally, append the content to the appropriate div 
     col.append(content); 
    } 


    // the div to add your columns to 
    div = $("#columns"); 

    // some sample content for each added div 
    content = "<div class='block'></div>"; 

    // test, adds 15 blocks vertically 
    columnsToAdd = 15; while(columnsToAdd--) addVertically(div, content); 
});