CSS是網頁前端中不可缺少的一部分，而在CSS中對圖片距離span的水平調整也是很常見的操作。通過使用CSS樣式，我們可以將圖片與span標簽進行水平對齊或者調整它們之間的距離。

/*將圖片與span進行水平對齊*/
img, span{
display: inline-block;
vertical-align: middle;
}

上述代碼中，我們將img和span都設置為inline-block，使它們橫向排列。同時設置vertical-align為middle，將它們水平居中對齊。

/*調整圖片與span之間的距離*/
span{
padding-left: 10px;
}

如果想要調整圖片與span之間的距離，我們可以使用padding屬性。上述代碼中，我們給span設置了10px的左內邊距，使得圖片與span在水平方向上距離加大。

除此之外，我們還可以通過設置margin、position、float等屬性來實現圖片與span之間的水平對齊或距離調整。通過靈活使用CSS樣式，我們可以達到自己想要的效果。