使jQuery插件“Wookmark”显示从左到右？

Question

  

可能重复：
  Making Wookmark jQuery order divs properly?

我想在这里使用jQuery插件“Wookmark”：https://github.com/GBKS/Wookmark-jQuery

我希望它在每一行从左到右显示，但它显示为：

[1] [2] [3] [4]
[7] [8] [6] [5]

而不是：

[1] [2] [3] [4]
[5] [6] [7] [8]

我希望它从右到左显示单元格中的内容。很抱歉没有解释这个最好的，但我的言语不是很好。但我几乎希望细胞从左到右显示，无论什么仍然有效。

谢谢。

Answer 1

您可以将css float：left添加到列表项并使容器宽度为100％，而不是使用任何插件，这样您的列表就会出现相同的订单。 以下css可以帮到你。

.container{
width:100%;
    margin:0px;
    left:0px;

}


.container li{
    float:left;
    list-style:none;
    width:100px;
    height:100px;
    margin:10px;
}

检查jsfiddle http://jsfiddle.net/sudhanshu414/3GVxT/

如果你需要不同的东西告诉我。

并确保你是否使用浮动左，而不是在容器的下一个元素中添加css clear：两者如果你不希望它与你以前的元素一起浮动。