有時候在網頁設計中,我們需要讓圖片和文字緊密的排列在一起,但是圖片和文字之間會有一些間隙,這會影響到整個頁面的美觀性和一致性。那么我們該如何通過CSS來去掉圖片左邊的間隙呢?
img { display: block; margin: 0; padding: 0; border: 0; }
以上這段CSS代碼就可以幫助我們解決這個問題,主要是將圖片的margin、padding和border都設置為0,同時將圖片的display屬性設置為block,這樣圖片會和文字排列在同一行,并且左邊間隙也會自動去掉。
需要注意的是,如果圖片和文字之間還是有一些間隙,那么這個間隙可能是因為文字的line-height太大,導致圖片顯示不完全。這時候我們可以將文字的line-height設置為與圖片高度相同,這樣就能完美的讓圖片和文字排列在一起了。
上一篇css圖片布滿全屏