html - 元素在悬停时跳来跳去

标签 html css wordpress

<分区>


关闭 6 年前

链接:http://path.com.my/v2/gallery/

尝试当您将鼠标悬停/鼠标悬停在选项卡中的一个链接上时,尤其是靠近 EXTERIOR、ILLUMINATED、INTERIOR、PYLON 时,第二行的元素会继续移动。

我尝试在悬停时更改一些 CSS,但它似乎不起作用。 谁能帮忙?

最佳答案

.sortLink 中删除 float 并改用 inline-block

使用以下 CSS:

.sortLink {
    display: inline-block;
    vertical-align: top;
    color: #999;
    font-size: 14px;
    padding: 5px 8px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 5px 5px 0;
    transition-duration: 0.5s;
}

关于html - 元素在悬停时跳来跳去,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37916730/

上一篇:java - 在 JavaFX 中设置警报的 "show details"区域的样式

下一篇:jquery - Bootstrap 问题。为什么我的右侧面板没有填满整个空间

相关文章:

html - Isotope + Wordpress 排版模式

css - Wordpress 水平滚动错误

php - 无法加载 ionCube PHP Loader - 它是使用配置 2.2.0 构建的

css - 什么 HTML 标签用于自动排列框

javascript - 如何让我的游戏角色留在 Canvas 内?

html - 在哪里学习 IE6 css 问题

html - 防止 Angular 中的 div 溢出

javascript - 如何使占位符不会在焦点上消失

php - 如何找到字符串中的所有 HTML 超链接标记并将它们替换为它们的 href 值?

php - 不用sql建表