0

当用户首次加载页面时，我的网页上的文本似乎与左侧对齐，我遇到了一个问题。在他们刷新或返回同一页面（在同一选项卡中）之后，它就可以正常工作了。

目前，我有一个带有网站徽标的 div 和一个带有文本文本的 div。我认为问题与徽标加载速度不够快有关，导致文本 div 基本上忽略了带有徽标的 div。

是否有任何可用的解决方案可以通过确保在呈现 CSS 之前加载图像或确保 div 保持在完全相同的位置（即使它们没有任何内容）的解决方案来防止这种情况发生？

（CSS 示例）

div.topbar div.logo{
    margin-left: 15%;
    margin-top: 1px;
    margin-bottom: 1px;
    background-image: url("logo.png");
    background-repeat: no-repeat;
    height: 100%;
}

div.topbar div.navigation{
    display: inline-block;
    position: absolute;
    top: 0;
    margin-left: 25%;
    font-family: 'Open Sans Light', sans-serif;
    font-size: 15px;
    margin-top: 10px;
}
4

2 回答 2

0

这就是为什么建议在 HTML本身中指定图像尺寸的主要原因。

<img width="..." height="..." src="...">

即使加载图像和/或 CSS 文件有延迟，上面的代码也会保持您的布局完整。

更多信息：

我应该在 HTML 中为我的 IMG 指定高度和宽度属性吗？

于 2013-05-05T12:24:47.300 回答
0

指定您的徽标容器的width和。height

div.topbar div.logo {
    /* other stuff */
    width: 400px;
    height: 100px;
}
于 2013-05-05T12:27:53.230 回答