Результаты резки с переполнением (изображение прилагается)

Раздел «результатов» слева - это то, что происходит в данный момент. В разделе справа указано, что я хочу сделать с результатами. Когда группа результатов кажется большой для контейнера, результат в нижней части контейнера скрывается. Я искал в Интернете исправления CSS, буду благодарен за любую помощь.

Спасибо.


list css overflow hidden
person Tom Smedley    schedule 14.01.2013    source источник
comment
Дочерние элементы имеют одинаковую высоту, как вы их нарисовали? Если это так, и если вы должны использовать конкретную высоту контейнера, маска внизу (или заполнение) может скрыть частичные дочерние элементы. Как правило, CSS не допускает такой логики. Вот где пригодится jQuery.   -  person isherwood    schedule 14.01.2013

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете использовать уловку, включая использование columns, которая может не полностью поддерживаться.

http://jsfiddle.net/szGVu/

#holder{
  columns: 110px;
  -webkit-columns: 110px;
  -moz-columns: 110px;

  height: 300px;
  width: 110px;
  overflow: hidden;
}

.child{
  margin: 5px;
  height: 100px;
  width: 100px;
  display: inline-block;
}
person James Montagne    schedule 14.01.2013
comment
Хорошее решение для любого браузера, кроме IE ‹10. stackoverflow.com/questions/5348061/ - person isherwood; 14.01.2013