當(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&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>
注意說(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空隙?