當我們在做淘寶店鋪裝修時,會時常碰到很多棘手的問題,如何消除各種模塊之間的空隙就是當中一個大問題。
我們這里說的間隙就是是兩個自定義區域中間的模塊,一般有10PX的間隙。
不要小看了那一點點10px的間距空隙,它極大的影響著整體裝修效果的連貫性,這點我一說可能大家都身有體會了。怎么看就怎么不順眼,那應該如何消除這些模塊之間的10px縫隙呢?
其實我們可以通過刪除代碼來刪除模塊空隙。具體如何操作我們來看裝修教程。
全屏通欄,全屏輪播,以及其他代碼模塊之間消除間隙,原理都一樣。
詳見下圖:
消除10PX間隙后的效果如下:
未消除10PX,默認有10PX間隙,如下:
在線生成全屏海報代碼(百度下有很多這樣的網頁工具),源代碼:破950限制通欄,未消除10PX源代碼,這里圖片高度是364PX
<divstyle="height:364px;width:1920px;">
<divclass="footer-more-trigger"
style="width:1920px;height:364px;left:auto;top:auto;margin:0;padding:0;border:0;">
<divclass="footer-more-trigger"style="top:auto;left:-485px;margin:0;padding:0;border:0;">
<ahref="http://item.taobao.com/item.htm?spm=a1z10.3.w4002-
5114819895.23.tiev41&id=36581499806&scene=taobao_shop"target="_blank"><img
src="http://img04.taobaocdn.com/imgextra/i4/1927022064/T2qK7RXjRaXXXXXXXX-1927022064.jpg"/></a></div>
</div>
</div>
消除間隙后的代碼:
<divstyle="height:344px;width:1920px;">
<divclass="footer-more-trigger"style="width:1920px;height:364px;left:auto;top:auto;margin:0;padding:0;border:0;">
<divclass="footer-more-trigger"style="left:-485px;top:-20px;margin:0;padding:0;border:0;">
<ahref="http://item.taobao.com/item.htm?spm=a1z10.3.w4002-5114819895.23.tiev41&id=36581499806&scene=taobao_shop"target="_blank"><imgsrc="http://img04.taobaocdn.com/imgextra/i4/1927022064/T2qK7RXjRaXXXXXXXX-1927022064.jpg"/></a></div>
</div>
</div>
注意說明:這張圖片上364像素高,模塊之間間隙是10PX,兩個模塊間隙就是20PX,所以,修改代碼<divclass="footer-more-trigger"style="left:-485px;top:-20px;margin:0;padding:0;border:0;">,中的top:-20PX,天貓一般是-10PX,根據實際情況,有的是-10PX,有的需要是-20px,
然后再修改<divstyle="height:344px;width:1920px;">,把原本高度為height:364PX;,修改為height:344px;
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 淘寶店鋪裝修:如何去掉店鋪模塊10px空隙?