CSS：单击列中的链接时会移动

Question

我在编码的wiki引擎上遇到CSS问题。在标签类别页面下，带有特定标签的页面的链接列表显示在两列div下。但是，我对该列有疑问。

每当我点击第二列中的链接时，链接周围会出现虚线边框，影响其高度，从而影响列的高度，导致其移动到更高或更低的位置。

这导致点击链接无法注册，并且可能需要几次尝试才能实际打开链接。

我无法让虚线边框消失。我为活动链接设置了以下内容：

a:active{
    text-decoration:none;
    border:0px none black;
}

但是，这没有任何帮助。边界仍然出现。

以下是我网站上受影响网页的链接：http://lordofmaelstrom.com/tags/cosmology 并直接链接到网站的CSS文件：http://lordofmaelstrom.com/theme.css

Answer 1

我认为你在寻找的是：

a:active, a:focus {
    outline: none;
}

Answer 2

您应该尝试将样式应用于A而不仅仅是活动链接。

a
{
    text-decoration:none;
}