在CSS中,圖片和文字之間的間距可以通過(guò)多種方式進(jìn)行調(diào)整,以下是幾種常用的方法:
1、使用margin屬性:
CSS的margin屬性可以用來(lái)設(shè)置圖片和文字之間的間距,你可以給圖片和文字分別設(shè)置margin,也可以給它們共同的父元素設(shè)置margin,如果你想讓圖片和文字之間的間距為20像素,你可以這樣寫(xiě):
img { margin-bottom: 20px; } p { margin-top: 20px; }
或者,你也可以給它們的父元素設(shè)置margin:
.parent { margin: 20px; }
2、使用padding屬性:
CSS的padding屬性也可以用來(lái)設(shè)置圖片和文字之間的間距,與margin不同,padding是在元素內(nèi)部添加空間,而不是在元素之間,如果你想讓圖片內(nèi)部的文字與圖片邊緣有一定的距離,可以使用padding,如果你想讓文字與圖片邊緣的距離為10像素,你可以這樣寫(xiě):
img { padding: 10px; }
3、使用border屬性:
CSS的border屬性也可以用來(lái)設(shè)置圖片和文字之間的間距,你可以給圖片和文字分別設(shè)置border,也可以給它們共同的父元素設(shè)置border,如果你想讓圖片和文字之間的間距為3像素,你可以這樣寫(xiě):
img { border-bottom: 3px solid #000; } p { border-top: 3px solid #000; }
或者,你也可以給它們的父元素設(shè)置border:
.parent { border: 3px solid #000; }
是幾種常用的設(shè)置圖片和文字之間間距的方法,你可以根據(jù)自己的需求選擇適合的方法。