Вопросы Теги

Несоответствие с встроенным блоком (другие элементы сдвинуты вниз)

Я пытаюсь выровнять маленькие прямоугольники в ряд. Эти коробки содержат примерно по 2 элемента в каждом. В некоторых случаях первый элемент - это настолько "много" текста, что он разбивается на 2 строки. Если это произойдет, все остальные блоки в этой специальной строке будут показаны ниже.

Короче говоря, вот пример: http://jsfiddle.net/PMRQ5/

Если вы измените размер поля HTML, вы поймете, что я имею в виду. Может кто-нибудь помочь? 

 .songlist .even {background: # c2e4fa; фон: -moz-linear-gradient (сверху, # d9eefc, # c2e4fa); поле справа: 5 пикселей; } .songlist .odd {фон: # faf4c2; фон: -moz-linear-gradient (сверху, # fcf8d9, # faf4c2); поле справа: 5 пикселей; } .songlist .itemBox {размер шрифта: 11 пикселей; ширина: 220 пикселей; минимальная высота: 100 пикселей; ясно: оба; отступ: 5 пикселей; маржа: 5px 10px 5px 10px; дисплей: встроенный блок; положение: относительное; радиус границы: 4 пикселя; } .songlist .itemBox .title {font-weight: жирный; размер шрифта: 16 пикселей; } .songlist .itemBox .artist {clear: left; размер шрифта: 11 пикселей; } .songlist .itemBox .titlerating {bottom: 10px; слева: 10 пикселей; позиция: абсолютная; } .songlist .itemBox.танец {bottom: 5px; вправо: 10 пикселей; позиция: абсолютная; } 
 
 
 
 
 
 Вы и вы 
 
 101 струнный оркестр 
 
 
 
 
 
 Кружевной платок королевы вальс 
 
 101 струнный оркестр 
 
 
 
 
 
 
 
 Голоса весны 
 
 Оркестр 101 струн 
 
 
  
 
 
 
 Южные розы 
 
 101 струна Оркестр

34
задан Ani Menon 24 December 2016 в 07:17
поделиться