當(dāng)我們?cè)谧鎏詫毜赇佈b修時(shí),會(huì)時(shí)常碰到很多棘手的問題,如何消除各種模塊之間的空隙就是當(dāng)中一個(gè)大問題。
我們這里說的間隙就是是兩個(gè)自定義區(qū)域中間的模塊,一般有10PX的間隙。
不要小看了那一點(diǎn)點(diǎn)10px的間距空隙,它極大的影響著整體裝修效果的連貫性,這點(diǎn)我一說可能大家都身有體會(huì)了。怎么看就怎么不順眼,那應(yīng)該如何消除這些模塊之間的10px縫隙呢?
其實(shí)我們可以通過刪除代碼來刪除模塊空隙。具體如何操作我們來看裝修教程。
全屏通欄,全屏輪播,以及其他代碼模塊之間消除間隙,原理都一樣。
詳見下圖:
消除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&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,兩個(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;
網(wǎng)店裝修對(duì)于賣家來說就是通往銷量的門,核心在于促進(jìn)交易的進(jìn)行。 良好的店鋪裝修能夠給買家很直觀的視覺體驗(yàn)和心理作用,進(jìn)一步獲得更優(yōu)質(zhì)的客戶源和轉(zhuǎn)化率,是我們經(jīng)營(yíng)店鋪的一大利器。本專題讓你能夠?qū)W到從新手到...
詳情>>