重新加载页面时,页眉中随机出现中断


Break randomly occurs in header on page reload

所以我创建了一个网站,偶尔在加载或刷新网站时,标题和导航菜单之间会出现中断。有人知道为什么会发生这种情况吗?链接是http://tomekc.com/rich

我能够通过切换标题中"p"标记的位置来重现您的错误。但志浩是正确的,保证金&填充确实需要一个内联块(或块)才能正确渲染。此外,"p"标记实际上不应该是内联的,因此您可能需要更改该标记(或者如果要覆盖本机显示,则添加一些空白以进行无换行)。

p {
    white-space: nowrap;
}
span {
    display: inline-block;
}

现在,在这次更改之后,填充可能会稍微关闭,但它会解决刷新问题。还要注意,内联块实际上是ie8+的一个功能,所以如果你只针对更现代的浏览器,这个解决方案是可以的,但如果你针对的是更大的受众(企业喜欢旧的浏览器),你可能应该对HTML进行一点重组。

所以,我实际上可以通过将<link>标记移到页面的更高位置来修复它。。。很简单的修复,哈哈。谢谢你们的帮助,伙计们。