因为图片加载慢,所以加载图片之前、之后 页面的布局会颤抖,体验很不好。
参考了别人做的网站,发现需要把图片放在一个div里,而这个div要设置成block (css display: block;),或者inline-block(当需要跟其他元素inline的时候)。这样才能在图片加载出来之前,先加载出这个div块。等图片/文字 加载出来之后,也只是填充这个div块,而不会影响整个页面的布局。
本文探讨了如何通过合理布局避免因图片加载慢导致的页面布局颤抖问题,提出将图片置于特定div中并设置为block或inline-block的方法。
因为图片加载慢,所以加载图片之前、之后 页面的布局会颤抖,体验很不好。
参考了别人做的网站,发现需要把图片放在一个div里,而这个div要设置成block (css display: block;),或者inline-block(当需要跟其他元素inline的时候)。这样才能在图片加载出来之前,先加载出这个div块。等图片/文字 加载出来之后,也只是填充这个div块,而不会影响整个页面的布局。
158

被折叠的 条评论
为什么被折叠?