淘寶模塊間隙去除怎么操作?圖文流程

　　很多賣家在進(jìn)行店鋪裝修的時候，使用自定義模塊做好一部分頁面的時候，會出現(xiàn)模塊上下產(chǎn)生間距的情況，如果你想要掌握去除間隙的方法，那就一定要跟隨開淘小編去看看下面的這一篇文章哦!

　　解決的方法很簡單，直接對照改就行了!首先，進(jìn)入淘寶裝修頁面點(diǎn)擊對應(yīng)模塊的“編輯”按鈕!

　　進(jìn)去之后點(diǎn)擊“源碼”的小圖標(biāo)

　　進(jìn)去之后全是淘寶店鋪裝修代碼，但不要怕，我們只要改一打開后的兩個小地方，就是這兩個地方!

　　首先，我們把第一行的 height 減去20px(小編這里是499，所以改成479)

　　其次，找到第四行的 top 寫成 -20px(小編這里是auto，寫成 -20px)

　　注：可能有很多地方都有top這個單詞，其他不管，就只要改靠近尖括號的地方，一般會出現(xiàn)在第四行，有差別也是少數(shù)。

　　改好后點(diǎn)擊 左下角 的“確定”

　　然后，點(diǎn)擊“發(fā)布站點(diǎn)”

　　點(diǎn)擊“確定”即可

　　最后，頁面間距沒有了!

　　淘寶模塊之間的縫隙是淘寶系統(tǒng)默認(rèn)存在的。如果想自己去掉空白間隙的話，就必須要用到代碼。

　　例如：

　　我們可以很清楚的看到紅框中的就是修改和增加的部分，原來自定義模塊的高度是200px，我們需要減掉20px，200-20=180，這個根據(jù)你們的實際尺寸來減。

　　另外增加一個css樣式：class="footer-more-trigger" 這個是淘寶自帶樣式，作用于模塊的定位

　　再加上一段控制模塊屬性的代碼：top:-20px;left:auto;padding:0;border:none;，這段代碼加到style=""內(nèi)，假如有些學(xué)員的代碼是

　　這種類型，那么就要增加為：

　　top：-20px 是讓模塊向上移動20像素，所以上面提到為什么要減掉20px就是這個原因

　　left:auto; 是讓模塊自動向左

　　padding:0; 是防止一些瀏覽器自帶padding的間距

　　border:none; 是防止一些瀏覽器自帶邊框

　　這樣應(yīng)該能夠清楚了解了吧?

　　按照上面的步驟去進(jìn)行操作，就可以輕松的解決模塊間隙的問題啦!想要更加方便快捷，可以尋找一些實用的裝修代碼哦!如果你在進(jìn)行店鋪裝修的過程中遇到了任何問題，歡迎上搜尋問題的答案哦~

　　相關(guān)推薦：

　　手機(jī)淘寶店鋪裝修教程：圖文模塊使用技巧

　　手機(jī)淘寶店鋪首頁裝修gif動圖怎么設(shè)置?

　　淘寶手機(jī)詳情頁gif圖片如何添加?