在看下面的例子：

上圖中區塊上下間距與左右間距不勻稱，和前幾的列子一樣，文字與區塊上下垂直間距不協調，下圖是修正后的結果。

在來看一組給圖片加框的效果：

在來看圖列間距：

下面這個列圖看似沒問題，其實有兩個細節問題(其中一個應該算是用戶體驗的問題)。首先第一列與第二列的間距要比第二列與第三列的距離要小2px，對于這個問題，有人會說這個間距用CSS定義就統一了，不會存在差異!注意了，我們討論的是視覺設計，不能把這個問題丟給前端，否則你后面丟過去的更多(相信我)，其次縱間距太小排的過于緊密。

調整過后如下圖: