-1

可能重复：
正确制作 Wookmark jQuery 顺序 div？

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

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

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

而不是这个：

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

无论单元格中的内容如何，​​我都希望它从右到左显示。很抱歉没有最好地解释这一点，但我不太擅长用词。但我几乎希望单元格从左到右显示，无论如何并且仍然有效。

谢谢你。

4

1 回答 1

0

您可以不使用任何插件，而是将 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:both 如果您不希望它与之前的元素一起浮动。

于 2012-12-28T05:30:10.453 回答