加载时如何防止图像移动内容?

时间:2014-12-14 14:07:38

标签: html css twitter-bootstrap

我遇到了字形和图像on my website的问题。当我将它们放在浮动的内容中时,它们会在它们旁边的文本之后加载,并在刷新页面时使所有内容都移动。

Video demonstration(将鼠标移出视频播放器,几秒钟后菜单就会消失。)

如何防止这种转变发生?

1 个答案:

答案 0 :(得分:1)

如果我没弄错,图标会来自网络字体。

在加载之前,你会得到一些垃圾(空方块或其他东西),因为浏览器无法显示它。

一种解决方案可能是尝试在CSS中设置图标的宽度(可能是min-width) - 请记住,您最有可能为:before元素设置样式,而不是元素本身。请参阅用于参考的CSS。