我试图连续排列小盒子.这些盒子各有两个元素.在某些情况下,第一个元素是如此"多"的文本,它分成2行.如果发生这种情况,此特殊行中的所有其他块如下所示.
长话短说,这里是一个例子:http: //jsfiddle.net/PMRQ5/
如果您调整HTML字段的大小,您可以看到我的意思.有人可以帮忙吗？
.songlist .even {
background: #c2e4fa;
background: -moz-linear-gradient(top, #d9eefc, #c2e4fa);
margin-right: 5px;
}
.songlist .odd {
background: #faf4c2;
background: -moz-linear-gradient(top, #fcf8d9, #faf4c2);
margin-right: 5px;
}
.songlist .itemBox {
font-size: 11px;
width: 220px;
min-height: 100px;
clear: both;
padding: 5px;
margin: 5px 10px 5px 10px;
display: inline-block;
position: relative;
border-radius: 4px;
}
.songlist .itemBox .title {
font-weight: bold;
font-size: 16px;
}
.songlist .itemBox .artist {
clear: left;
font-size: 11px;
}
.songlist .itemBox .titlerating {
bottom: 10px;
left: …