你好,歡迎來到美迪電商教育! 網站首頁 培訓課程 干貨分享 申請講師 網站地圖
全國24小時招生熱線
400-800-4439

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

來源:https://www.mede.com.cn 作者:美迪電商學院 發布時間:2014-10-31 18:43 點擊:

         我們可能在裝修旺鋪的時候會出現一個常見的問題,就是自定義模塊的時候會出現間隙,而這個空白的間隙可能就造成了整體的不美觀,那么我們如何去除自定義模塊的空白間隙?
         廣州美迪淘寶美工培訓在前段時候就說過這個間隙的問題,就是去樣式管理那里關閉頁頭下距10像素。但是這個方法只是去掉導航和招牌的距離,這個應該還記得吧?忘記的可以看看以下的圖片教程:

淘寶如何去除自定義模塊的空白間隙 
 
         我們今天教的可能與這個不一樣,需要有點代碼的基礎,下面就直入主題吧!!淘寶模塊之間的縫隙是淘寶系統默認存在的。如果想自己去掉空白間隙的話,就必須要用到代碼。
例如:

修改后:

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

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

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

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

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

left:auto; 是讓模塊自動向左

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

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

這樣應該能夠清楚了解了吧?
 
         關于“淘寶如何去掉自定義模塊的空白間隙”教程就到這里了,有什么不懂的,可以向廣州美迪淘寶美工培訓提出疑問,我們會在第一時間內為你解答。
 
廣州美迪電商教育——專做網店賣家培訓
全方位學習電商知識,全部實操課程邊學邊做,3-16人小班教學
點擊這里給我發消息 點擊這里給我發消息 點擊這里給我發消息 點擊這里給我發消息
本文地址:https://www.mede.com.cn/share/clipart/361.html
您可能感興趣
  1. 2019-09-29
  2. 2019-09-28
  3. 2019-09-21
  4. 2019-09-11
  5. 2019-09-05
  6. 2019-08-29
  7. 2019-08-22
  8. 2019-08-10
  9. 2019-08-04
  10. 2019-07-31
在線客服 在線報名
曰本高清一本道无码av_2017伦理电影在线观看 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>