快消品貨源批發(fā)市場(chǎng)
快消品貨源分銷平臺(tái)
 
 
當(dāng)前位置: 貨源批發(fā)網(wǎng) » 網(wǎng)商學(xué)院 » 網(wǎng)店裝修 » 淘寶店鋪裝修 » 淘寶店鋪裝修:如何去掉店鋪模塊10px空隙?

淘寶店鋪裝修:如何去掉店鋪模塊10px空隙?

放大字體  縮小字體 發(fā)布日期:2024-05-25 09:40:06  來(lái)源:電商聯(lián)盟  作者:樂(lè)發(fā)網(wǎng)  瀏覽次數(shù):23

當(dāng)我們?cè)谧鎏詫毜赇佈b修時(shí),會(huì)時(shí)常碰到很多棘手的問(wèn)題,如何消除各種模塊之間的空隙就是當(dāng)中一個(gè)大問(wèn)題。

我們這里說(shuō)的間隙就是是兩個(gè)自定義區(qū)域中間的模塊,一般有10PX的間隙。

不要小看了那一點(diǎn)點(diǎn)10px的間距空隙,它極大的影響著整體裝修效果的連貫性,這點(diǎn)我一說(shuō)可能大家都身有體會(huì)了。怎么看就怎么不順眼,那應(yīng)該如何消除這些模塊之間的10px縫隙呢?

其實(shí)我們可以通過(guò)刪除代碼來(lái)刪除模塊空隙。具體如何操作我們來(lái)看裝修教程。

全屏通欄,全屏輪播,以及其他代碼模塊之間消除間隙,原理都一樣。

詳見(jiàn)下圖:

消除10PX間隙后的效果如下:

未消除10PX,默認(rèn)有10PX間隙,如下:

在線生成全屏海報(bào)代碼(百度下有很多這樣的網(wǎng)頁(yè)工具),源代碼:破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&amp;id=36581499806&amp;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&amp;id=36581499806&amp;scene=taobao_shop"target="_blank"><imgsrc="http://img04.taobaocdn.com/imgextra/i4/1927022064/T2qK7RXjRaXXXXXXXX-1927022064.jpg"/></a></div>
</div>
</div>

注意說(shuō)明:這張圖片上364像素高,模塊之間間隙是10PX,兩個(gè)模塊間隙就是20PX,所以,修改代碼<divclass="footer-more-trigger"style="left:-485px;top:-20px;margin:0;padding:0;border:0;">,中的top:-20PX,天貓一般是-10PX,根據(jù)實(shí)際情況,有的是-10PX,有的需要是-20px,


然后再修改<divstyle="height:344px;width:1920px;">,把原本高度為height:364PX;,修改為height:344px;

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

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

本文來(lái)源: 淘寶店鋪裝修:如何去掉店鋪模塊10px空隙?

分享與收藏:  網(wǎng)商學(xué)院搜索  告訴好友  關(guān)閉窗口  打印本文 本文關(guān)鍵字:
 
更多..資源下載
淘寶店鋪裝修圖文
7個(gè)步驟打造史上最牛詳情頁(yè) 淘寶店鋪裝修如何實(shí)現(xiàn)全屏輪播
淘寶天貓寶貝詳情頁(yè)模板添加關(guān)聯(lián)產(chǎn)品連帶的方法 淘寶裝修子賬號(hào)設(shè)置流程
淘寶店鋪裝修網(wǎng)商學(xué)院推薦
淘寶店鋪裝修點(diǎn)擊排行
 
手機(jī)版 手機(jī)掃描訪問(wèn)
亚洲一级av,黑白配精品在线视频,欧美亚洲综合网站,高清在线无码不卡69 www.sucaiwu.net