在網頁設計與排版中，設置字與圖片的行距是非常重要的一環。行距指的是字符或者圖片之間的垂直間隔，通過合理的設置可以提高頁面的美觀度。

/* 設置字與圖片的行距 */
p{
line-height: 1.5em; /* 行高為1.5倍 */
}
img{
vertical-align: middle; /* 垂直居中 */
margin-bottom: 10px; /* 圖片下方留下10像素的間距 */
}

CSS屬性中的line-height可以設置行高，同時也可以設置像素和百分比。在字體大小不變的情況下，行高越大，字與字之間、字與圖片之間的間距就越大，頁面也顯得更加清晰明了。

對于圖片而言，在CSS中設置為vertical-align: middle可以使圖片垂直居中，這樣頁面的整體美觀度就會提高。同時，還可以設置margin-bottom的值來控制圖片與下方文本之間的間距。這樣，在圖片數量比較多的情況下，可以更好的進行排版。