Html CSS3单击问题时的列布局

我有这个，它工作得很好，但是当我点击每一列的最后一个li时，它似乎会把段落往下推。我不明白为什么

.columns-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
-o-column-count: 3;
column-count: 3;
}

.column-layout {
list-style-type: none;
margin: .9rem 0 0 0;
}

---

这似乎是chrome的一个问题，如果您检查链接并将状态更改为

：focus

链接将收到一个蓝色框

轮廓：-webkit focus ring color auto 5px

，它基本上推开了

要绕过此选项，请添加以下内容：

a:focus{
    outline: none;
}

---

这似乎是chrome的一个问题，如果您检查链接并将状态更改为

：focus

链接将收到一个蓝色框

轮廓：-webkit focus ring color auto 5px

，它基本上推开了

要绕过此选项，请添加以下内容：

a:focus{
    outline: none;
}

---

这似乎是chrome的一个问题，如果您检查链接并将状态更改为

：focus

链接将收到一个蓝色框

轮廓：-webkit focus ring color auto 5px

，它基本上推开了

要绕过此选项，请添加以下内容：

a:focus{
    outline: none;
}

---

这似乎是chrome的一个问题，如果您检查链接并将状态更改为

：focus

链接将收到一个蓝色框

轮廓：-webkit focus ring color auto 5px

，它基本上推开了

要绕过此选项，请添加以下内容：

a:focus{
    outline: none;
}

海洛·亚历克斯

CSS更新

.columns-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
-o-column-count: 3;
column-count: 3;
    display:table;
}

.column-layout {
list-style-type: none;
    display:table-cell;
margin: .9rem 0 0 0;
}

这是我更新的小提琴，你只需将显示属性添加到列表中，底部的段落就不会跳转了。

Helo Alex

CSS更新

.columns-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
-o-column-count: 3;
column-count: 3;
    display:table;
}

.column-layout {
list-style-type: none;
    display:table-cell;
margin: .9rem 0 0 0;
}

这是我更新的小提琴，你只需将显示属性添加到列表中，底部的段落就不会跳转了。

Helo Alex

CSS更新

.columns-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
-o-column-count: 3;
column-count: 3;
    display:table;
}

.column-layout {
list-style-type: none;
    display:table-cell;
margin: .9rem 0 0 0;
}

这是我更新的小提琴，你只需将显示属性添加到列表中，底部的段落就不会跳转了。

Helo Alex

CSS更新

.columns-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
-o-column-count: 3;
column-count: 3;
    display:table;
}

.column-layout {
list-style-type: none;
    display:table-cell;
margin: .9rem 0 0 0;
}

---

---

这是我更新的小提琴，您只需将“显示”属性添加到列表中，底部段落就不会跳转。

当我删除链接时，问题消失……当我删除链接时，问题消失……当我删除链接时，问题消失……当我删除链接时，问题消失……它仍会跳转到您的小提琴中，在firefox中，列也会丢失。您是否可以将其最小高度指定给ul？它仍然会在您的小提琴中跳跃，在firefox中，列也会丢失。您是否可以将其最小高度指定给ul？它仍然会在您的小提琴中跳跃，firefox中的列也会丢失。您是否可以将其最小高度指定给ul？它仍然会在您的小提琴中跳跃，firefox中的列也会丢失。您是否可以将其最小高度指定给ul？您确定吗<代码>大纲不会影响元素维度，它们也会在小提琴中跳跃。就像我说的，

outline

不会以任何方式影响元素的维度，所以它不可能是原因。我知道outline不会影响维度，但出于某种奇怪的原因，它会在Chrome中这样做，在我的小提琴中，左键不会跳跃，右键会跳跃，用于演示。注：我忘了换颜色，这里是最新的提琴：你确定吗<代码>大纲不会影响元素维度，它们也会在小提琴中跳跃。就像我说的，

outline

不会以任何方式影响元素的维度，所以它不可能是原因。我知道outline不会影响维度，但出于某种奇怪的原因，它会在Chrome中这样做，在我的小提琴中，左键不会跳跃，右键会跳跃，用于演示。注：我忘了换颜色，这里是最新的提琴：你确定吗<代码>大纲不会影响元素维度，它们也会在小提琴中跳跃。就像我说的，

outline

不会以任何方式影响元素的维度，所以它不可能是原因。我知道outline不会影响维度，但出于某种奇怪的原因，它会在Chrome中这样做，在我的小提琴中，左键不会跳跃，右键会跳跃，用于演示。注：我忘了换颜色，这里是最新的提琴：你确定吗<代码>大纲不会影响元素维度，它们也会在小提琴中跳跃。就像我说的，

outline

不会以任何方式影响元素的维度，所以它不可能是原因。我知道outline不会影响维度，但出于某种奇怪的原因，它会在Chrome中这样做，在我的小提琴中，左键不会跳跃，右键会跳跃，用于演示。注：我放弃更改颜色，这里是更新的小提琴：