javascript - 如何使用 jquery 将列表元素动态对齐到其邻居的高度

Question

我有一个网格，它会在点击时展开。我需要他们相应地对齐和调整高度。

当我点击 li 的第 n 个 child 时，它没有正确对齐。谁能帮我这个。提前致谢。

我需要这样的

CSS

ul {
    padding:0;
    margin:
}
ul li{
    list-style-type:none;
    width:100px;
    height:100px;
    background:#ddd;
    margin:1px;
    float:left;
}
li.large{
    width:200px;
    height:200px;
}

这是 demo

提前致谢。

Answer 1

我查看了您的 JSFiddle 并研究了您的 CSS 类值。我认为这个问题与您的填充和边距值引起的定位有关。将 li.large 边距的值更改为 2 px 似乎可以达到您想要的结果:

li.large{
    width:200px;
    height:200px;
    margin:2px !important;
}

试试这些值，看看你是否得到你想要的东西。