CSS直接隱藏圖片兩邊可以通過以下代碼實現:
img{ width: 0px; height: 0px; visibility: hidden; display: none; }
使用上述代碼,圖片的寬度和高度會被設置為0,并且圖片的可見性被隱藏,最后將該圖片從文檔中移除顯示,達到了隱藏圖片的效果。
此外,可以通過設置圖片的margin屬性來間接隱藏圖片的兩邊:
img{ margin-left: -9999px; margin-right: -9999px; }
這里將圖片的左右margin設置為一個極小的負值,這樣可以將圖片隱藏到頁面的可視區域之外。
需要注意的是,在實際站點應用中,大量使用隱藏圖片的技巧可能會被搜索引擎誤認為是作弊行為,對網站的SEO效果造成負面影響,應慎重使用。