快消品貨源批發(fā)市場
快消品貨源分銷平臺(tái)
 
 
當(dāng)前位置: 貨源批發(fā)網(wǎng) » 網(wǎng)商學(xué)院 » 網(wǎng)店裝修 » 淘寶店鋪裝修 » 裝修技巧- 輕松除去自定義模塊的空白間隙

裝修技巧- 輕松除去自定義模塊的空白間隙

放大字體  縮小字體 發(fā)布日期:2024-04-20 10:05:50  來源:電商聯(lián)盟  作者:樂發(fā)網(wǎng)  瀏覽次數(shù):40

淘寶店鋪裝修是每一個(gè)新手開店都需要經(jīng)歷的過程,即便大部分人都是直接請(qǐng)人裝修的,但是最起碼我們店主需要懂的些基礎(chǔ)的修改技巧。

在我們新手裝修時(shí)其實(shí)是會(huì)遇到很多的問題,其中如:自定義模板的時(shí)候會(huì)出現(xiàn)空隙,那又該怎么辦。需要怎樣才能去除這自定義模板的空白間隙。下面我們來看看自己是如何動(dòng)手解決的:

例如:


<div style="height:200px;">
<div style="margin:0 auto;width:950px;height:200px;">
<a target="_blank"><img src=" hhttp://img04.taobaocdn.com/imgextra/i4/853427377/TB2toEmaXXXXXXpXXXXXXXXXXXX_!!853427377.jpg" /></a>
</div>
</div>

修改后:

<div style="height:180px;">
<div class="footer-more-trigger" style="margin:0 auto;width:950px;height:200px;top:-20px;left:auto;padding:0;border:none;">
<a target="_blank"><img src=" http://img04.taobaocdn.com/imgextra/i4/853427377/TB2toEmaXXXXXXpXXXXXXXXXXXX_!!853427377.jpg" /></a>
</div>
</div>

注釋:

裝修技巧- 輕松除去自定義模塊的空白間隙

淘寶如何去除自定義模塊的空白間隙?

我們可以很清楚的看到紅框中的就是修改和增加的部分,原來自定義模塊的高度是200px,我們需要減掉20px,200-20=180,這個(gè)根據(jù)你們的實(shí)際尺寸來減。

另外增加一個(gè)css樣式:class="footer-more-trigger" 這個(gè)是淘寶自帶樣式,作用于模塊的定位

再加上一段控制模塊屬性的代碼:top:-20px;left:auto;padding:0;border:none;,這段代碼加到style=""內(nèi),假如有些人的代碼是<div>這種類型,那么就要增加為:<div class="footer-more-trigger" style="top:-20px;left:auto;padding:0;border:none;" >

top:-20px 是讓模塊向上移動(dòng)20像素,所以上面提到為什么要減掉20px就是這個(gè)原因

left:auto; 是讓模塊自動(dòng)向左

padding:0; 是防止一些瀏覽器自帶padding的間距

border:none; 是防止一些瀏覽器自帶邊框。

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

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

本文來源: 裝修技巧- 輕松除去自定義模塊的空白間隙

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