在两列中动态显示产品

dynamically display products in two columns

本文关键字：动态显示 两列      更新时间：2024-05-27

我有一个jsfiddlehttp://jsfiddle.net/K5PGp/我正试图修改它，使其在两列中显示"产品"，即使浏览器是IE 8。

例如，如果显示了所有8种产品，它应该是这样的：

一对二

三四

五六

七八

如果只显示1,3,5,7，它应该是这样的：

一三

五七

如果只显示2,4,6,8，它应该是这样的：

二四

六八

简化的解决方案

http://jsfiddle.net/w3bGj/

对每个容器使用float:left。在每个循环中，对每一个第二元素应用一个清除函数：

$.each(elements, function(i) {
    $product = $('<div>');
    if(i%2 == 0) {
        $product.addClass('clear');
    }
    $('div').append($product);
});

每隔一个元素就会产生一条新线。

相关文章：