<dd id="pjeem"><noscript id="pjeem"></noscript></dd><dd id="pjeem"></dd>
  • <dd id="pjeem"><track id="pjeem"></track></dd>
      <progress id="pjeem"></progress>
    1. <em id="pjeem"></em><dd id="pjeem"><noscript id="pjeem"></noscript></dd>

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

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

      來源:http://www.520andy.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人小班教學
      點擊這里給我發消息 點擊這里給我發消息 點擊這里給我發消息 點擊這里給我發消息
      本文地址:http://www.520andy.cn/share/clipart/361.html
      您可能感興趣
      1. 2021-06-11
      2. 2021-05-06
      3. 2021-03-01
      4. 2021-01-30
      5. 2020-08-04
      6. 2020-07-23
      7. 2020-07-02
      8. 2020-05-20
      9. 2020-05-06
      10. 2020-04-28
      在線客服 在線報名
      免費電話