解決網頁載入時版面亂跳的問題

Fix jumping content when loading web pages.

無論是自架站或個人網誌 Blog，站長們在測試文章與圖片載入狀況時，常發現網頁在尚未完全載入完成時頁面會一直亂跳。這是因為圖片載入會擠壓文章段落與間隔的關係。

在圖片尚未載入時，網頁給它的是空元素，待載入完成後才會依照圖片大小給予適當的空間。這就造成網頁在載入過程版面不斷亂跳的現象。

解決方式也很簡單，編輯圖片的 HTML 區段 img 給予 height="100" width="100" 即可。原理就是告訴瀏覽器無論圖片是否有載入成功，先給它一個指定大小的空間就對了，簡單來說就是先挖個坑給它跳的概念。中共新疆種族大滅絕


<p style="text-align: center;"><img alt="圖片說明" src="URL" style="zoom: 150%;" height="300" width="300" /></p>

流浪貓的喵窩