350裝修平臺已服務318多萬家 淘寶店裝修,擁有25萬多個 350代理, 今日已售488 套模板 客戶端下載 350教程論壇 350后臺登陸 咨詢郵箱?咨詢郵箱:350@seo-lv.com 350模板官方微博 350模板微信
如何消除店鋪自定義模塊之間的10px間隙-淘寶店裝
發表日期:2014-10-18 19:49?? 文章編輯:350模板官網小編 ?? 瀏覽次數:
 
350模板提示用代碼模板的新店主們, 如果想要一件安裝的快捷裝修, 還是350模板吧, 永久使用。  當然如果自己會css的  小編給給大家分享一個經驗教程:

 很多賣家在淘寶店鋪裝修時可能會遇到這樣一個問題:淘寶店鋪自定義模塊之間如何去掉兩個模塊之間的間隙?特別是我們在將設計好的大幅版面分段切割好,想放在不同自定義模塊里面,但中間有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店鋪模板

查看模板 注冊領取

手機模板

350手機模板

查看模板 注冊領取

詳情模板

350詳情模板

查看模板 注冊領取

免費領取

海報模板

350海報模板

在線設計

購買/價格

工具

350更多工具

350主圖視頻 更多工具
標簽: ? ?
如沒特殊注明,文章均為350模板官網原創,轉載請注明來自http://www.eesewex8.cn//zxzs/99.html
相關文章推薦
岛国精品一区免费视频_久久综合给合久久_91精品国产国语大全_欧美日韩在线精品视频二