Question

在webkit浏览器上查看the gallery i'm building ..

请注意右上角的字词 - 可用，已售出，联系 - 这是<ul>的一部分，列在垂直 ..即使在Firefox上，由于ul {list-style-type: none;}和li {float: left;}，它们被列为水平。

点击“可用”，注意它们水平对齐。使用后退按钮或单击左上角的“可疑”，它们将保持在第一页上整齐的水平对齐方式。然后刷新浏览器，它再次变为垂直。

.menu ul {
    list-style-type: none;
    margin: auto;
}

.menu li {
    padding: 15px;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    font-size: 20pt;
}

Answer 1

与font-face定义一起使用的菜单标题中的字体会导致这种情况。相关主题：Accurate width of element when using font-face in Chromium 您可以尝试使用“display：inline-block”代替“float：left;”

为什么不将png图像用于菜单标题？

愚蠢的webkit错误 - 刷新与单击更改元素放置

1 个答案: