在看下面的例子：

上圖中區(qū)塊上下間距與左右間距不勻稱(chēng)，和前幾的列子一樣，文字與區(qū)塊上下垂直間距不協(xié)調(diào)，下圖是修正后的結(jié)果。

在來(lái)看一組給圖片加框的效果：

在來(lái)看圖列間距：

下面這個(gè)列圖看似沒(méi)問(wèn)題，其實(shí)有兩個(gè)細(xì)節(jié)問(wèn)題(其中一個(gè)應(yīng)該算是用戶體驗(yàn)的問(wèn)題)。首先第一列與第二列的間距要比第二列與第三列的距離要小2px，對(duì)于這個(gè)問(wèn)題，有人會(huì)說(shuō)這個(gè)間距用CSS定義就統(tǒng)一了，不會(huì)存在差異!注意了，我們討論的是視覺(jué)設(shè)計(jì)，不能把這個(gè)問(wèn)題丟給前端，否則你后面丟過(guò)去的更多(相信我)，其次縱間距太小排的過(guò)于緊密。

調(diào)整過(guò)后如下圖: