使用 CSS 圖片阻止回流 在網站設計中，使用的圖片是必不可少的。然而，圖片也會影響網站的性能。當圖片導致回流時，網站的布局會受到影響，導致頁面閃爍或加載緩慢。那么，如何使用 CSS 來阻止圖片回流？ CSS 中可用的屬性包括 width、height 和 margin，這些屬性在渲染時可能會引起回流。為了避免回流，我們可以在添加圖片時，使用以下 CSS 樣式： ``` img { display: block; /* 使圖片成為塊級元素，避免內聯元素的寬高自適應導致回流 */ width: 100%; /* 設置寬度為100%，使圖片水平鋪滿所在的容器 */ height: auto; /* 高自適應，使圖片根據寬度等比例縮放 */ margin: 0 auto; /* 設置 margin 為0，讓圖片在容器中水平居中 */ } ``` 通過設置圖片的屬性，我們可以使其在渲染時不會導致回流，從而提高網站性能，為用戶提供更好的瀏覽體驗。 總之，在網站設計中，我們應該注意優化圖片的渲染，通過使用 CSS 樣式，選擇正確的圖片大小，并壓縮圖片以提高網站的性能。