淘寶如何去除自定義模塊的空白間隙？

我們可能在裝修旺鋪的時(shí)候會(huì)出現(xiàn)一個(gè)常見的問題，就是自定義模塊的時(shí)候會(huì)出現(xiàn)間隙，而這個(gè)空白的間隙可能就造成了整體的不美觀，那么我們?nèi)绾稳コ远x模塊的空白間隙？
廣州淘寶美工培訓(xùn)在前段時(shí)候就說過這個(gè)間隙的問題，就是去樣式管理那里關(guān)閉頁頭下距10像素。但是這個(gè)方法只是去掉導(dǎo)航和招牌的距離，這個(gè)應(yīng)該還記得吧？忘記的可以看看以下的圖片教程：



我們今天教的可能與這個(gè)不一樣，需要有點(diǎn)代碼的基礎(chǔ)，下面就直入主題吧??！淘寶模塊之間的縫隙是淘寶系統(tǒng)默認(rèn)存在的。如果想自己去掉空白間隙的話，就必須要用到代碼。
例如：
area style="width:670px; height:150px;"> <div style="height:200px;"> <div style="margin:0 auto;width:950px;height:200px;"> <a target="_blank"><img src=" http://img03.taobaocdn.com/imgextra/i3/407196972/TB2AaPcaVXXXXahXXXXXXXXXXXX_!!407196972.jpg" /></a> </div> </div> area>
修改后：
area style="width:670px; height:160px;"><div style="height:180px;"> <div class="footer-more-trigger" style="margin:0 auto;width:950px;height:200px;top:-20px;left:auto;padding:0;border:none;"> <a target="_blank"><img src=" http://img03.taobaocdn.com/imgextra/i3/407196972/TB2AaPcaVXXXXahXXXXXXXXXXXX_!!407196972.jpg" /></a> </div> </div> area>
注釋：

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

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

再加上一段控制模塊屬性的代碼：top:-20px;left:auto;padding:0;border:none;，這段代碼加到style=""內(nèi)，假如有些學(xué)員的代碼是<div>這種類型，那么就要增加為：<div class="footer-more-trigger" style="top:-20px;left:auto;padding:0;border:none;">

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

left:auto; 是讓模塊自動(dòng)向左

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

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

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

關(guān)于“淘寶如何去掉自定義模塊的空白間隙”教程就到這里了，有什么不懂的，可以向廣州淘寶美工培訓(xùn)提出疑問，我們會(huì)在第一時(shí)間內(nèi)為你解答。

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺(tái),是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則

本文來源： 淘寶如何去除自定義模塊的空白間隙？