HTML – 在网页上加载图像时避免重排闪烁的方法?

HTML – 在网页上加载图像时避免重排闪烁的方法?,第1张

概述我的网页看起来像这样: Image on the left - text on the right 如果网络服务器特别繁忙(或者无论如何连接速度很慢),网页就会闪烁. 看起来它显示左侧的文本然后它突然移动它右侧的图像被检索. 我知道,这是非常标准的. 问题是:我该如何避免这种情况? 我应该将图像包装在具有固定宽度和高度的div上吗? 还是有更好/(更标准)的解决方案? 谢谢 您应该定义图像的大小. 我的网页看起来像这样:

Image on the left - text on the right

如果网络服务器特别繁忙(或者无论如何连接速度很慢),网页就会闪烁.
看起来它显示左侧的文本然后它突然移动它右侧的图像被检索.

我知道,这是非常标准的.

问题是:我该如何避免这种情况?

我应该将图像包装在具有固定宽度和高度的div上吗?

还是有更好/(更标准)的解决方案?

谢谢

解决方法 您应该定义图像的大小.

<img height="100" wIDth="100" /> <!-- or --><img  />

如果有一个place-filler很重要,请指定alt属性.将显示此属性的值,直到图像加载完毕.

总结

以上是内存溢出为你收集整理的HTML – 在网页上加载图像时避免重排/闪烁的方法?全部内容,希望文章能够帮你解决HTML – 在网页上加载图像时避免重排/闪烁的方法?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1083891.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存