通過CSS設置圖片的間空隙是一個常見的需求,下面介紹兩種常用的方法。
方法一:使用margin屬性
讓圖片周圍的間隙使用margin屬性來控制。代碼如下:
p img { margin: 10px; }這段代碼將會讓所有在p標簽里的圖片都有10像素的間隙。 方法二:使用padding屬性 不同于margin,使用padding屬性可以讓圖片內部留出間隙。代碼如下:
p { padding: 10px; } p img { display: block; margin: auto; }這段代碼會在p標簽周圍留出10像素的間隙,而圖片則會在p標簽內部居中顯示。 以上兩種方法可以根據實際需求靈活使用,達到不同的樣式效果。無論使用哪種方法,都要記得最好為每一個具體的選擇器設置上margin和padding,以保證樣式的可控性。