如何設(shè)置各模塊間的距離（可視化操作）
2017-02-21 15:01:01
次瀏覽
未修改前的效果圖：（很明顯看到頂部logo下面跟導(dǎo)航欄目之間有空白的間隙）修改后的效果圖： 首先進入需要修改的頁面，此頁面為產(chǎn)品頁面，第一步我們要找到這個頁面即——“產(chǎn)品列表”這個頁面，步驟如下：先找到“系統(tǒng)設(shè)置”——“頁面文件管理”，然后找到“產(chǎn)品列表”頁面，…
|
|
未修改前的效果圖：（很明顯看到頂部logo下面跟導(dǎo)航欄目之間有空白的間隙）
修改后的效果圖：
|
|
|
|
|
|
首先進入需要修改的頁面，此頁面為產(chǎn)品頁面，第一步我們要找到這個頁面即——“產(chǎn)品列表”這個頁面，步驟如下：
先找到“系統(tǒng)設(shè)置”——“頁面文件管理”，然后找到“產(chǎn)品列表”頁面，如下圖1.1所示：
（圖1.1）
|
|
|
|
|
第二步：選中要進行間距調(diào)整的功能塊，這個地方我們要調(diào)整的是“導(dǎo)航與頂部”間的距離，有二種方法可以進行調(diào)整；
1.頂部距底部的距離，2導(dǎo)航距頂部的頂部距離，二種方法均可；我們用第二種方法；
|
|
|
|
|
第四步：選擇如下圖1.3所示選項“方框”——外間距(margin)；這個地方是頂部與導(dǎo)航之間的間距太大，我們要調(diào)小些，
那么我們就調(diào)整距頂部的距離，設(shè)為-4；
具體的數(shù)值設(shè)置，事先是沒有辦法一下子設(shè)置準確的，可以根據(jù)自己的判斷，設(shè)置后，看下效果，再進行調(diào)飾。
（圖1.3）
注意：在設(shè)置值的時候，這個值可以是負值如-4，也可以是正值4，這個要根據(jù)是想讓他間距拉大還是縮小來定的，
如上圖，想讓頂部與導(dǎo)航間的距離縮小，那么我們就用負值；反之則用正值；
|
|
|
|
