如何消除店鋪自定義模塊之間的10px間隙-淘寶店裝
發表日期:2014-10-18 19:49?? 文章編輯:350模板官網小編 ?? 瀏覽次數:
350模板提示用代碼模板的新店主們, 如果想要一件安裝的快捷裝修, 還是350模板吧, 永久使用。 當然如果自己會css的 小編給給大家分享一個經驗教程:
很多賣家在淘寶店鋪裝修時可能會遇到這樣一個問題:淘寶店鋪自定義模塊之間如何去掉兩個模塊之間的間隙?特別是我們在將設計好的大幅版面分段切割好,想放在不同自定義模塊里面,但中間有10PX的空隙,非常難看,這時我們需要想辦法消除自定義模塊之間的間隙了。
很多賣家在淘寶店鋪裝修時可能會遇到這樣一個問題:淘寶店鋪自定義模塊之間如何去掉兩個模塊之間的間隙?特別是我們在將設計好的大幅版面分段切割好,想放在不同自定義模塊里面,但中間有10PX的空隙,非常難看,這時我們需要想辦法消除自定義模塊之間的間隙了。
淘寶、天貓店鋪模塊間隙是10px,只要掌握一點簡單代碼就可以解決這個問題。目前消除模塊間隙只能限于兩個自定義的模塊,如果是官方的圖片輪播、搜索店內寶貝、寶貝推薦等模塊就無法與上一個模塊消除10PX間隙了。
使用如下代碼,便可方便的消除店鋪自定義模塊之間的10PX間隙:
<div style="height:344px;width:1920px;">
<div class="footer-more- trigger" style="width:1920px;height:364px;left:auto;top:auto;margin:0;padding:0;border:0;">
<div class="footer-more-trigger" style="left:-485px;top:-20px;margin:0;padding:0;border:0;">
<a href="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>
說明:這張圖片上364像素高,模塊之間間隙是10PX,兩個模塊間隙就是20PX,所以,修改代碼,中的top:-20PX(主要修改這個參數,-30,-40自己可以試試調節),天貓一般是-10PX,根據實際情況,有的是-10PX,有的需要是-20px,
然后再修改,把原本高度為height:364PX;,修改為height:344px;
標簽: ? ?
如沒特殊注明,文章均為350模板官網原創,轉載請注明來自http://www.eesewex8.cn//zxzs/99.html