淘寶如何去除自定義模塊的空白間隙？
點(diǎn)擊：時(shí)間：2014-10-31 18:43
我們可能在裝修旺鋪的時(shí)候會(huì)出現(xiàn)一個(gè)常見(jiàn)的問(wèn)題，就是自定義模塊的時(shí)候會(huì)出現(xiàn)間隙，而這個(gè)空白的間隙可能就造成了整體的不美觀(guān)，那麼我們如何去除自定義模塊的空白間隙？
廣(guǎng)州美迪淘寶美工培訓(xùn)在前段時(shí)候就說(shuō)過(guò)這個(gè)間隙的問(wèn)題，就是去樣式管理那裡關(guān)閉頁(yè)頭下距10像素。但是這個(gè)方法只是去掉導(dǎo )航和招牌的距離，這個(gè)應(yīng)該還記得吧？忘記的可以看看以下的圖片教程：
我們今天教的可能與這個(gè)不一樣，需要有點(diǎn)代碼的基礎(chǔ)，下面就直入主題吧！！淘寶模塊之間的縫隙是淘寶系統(tǒng)默認(rèn)存在的。如果想自己去掉空白間隙的話(huà)，就必須要用到代碼。
例如：
修改後：
注釋：
我們可以很清楚的看到紅框中的就是修改和增加的部分，原來(lái)自定義模塊的高度是200px，我們需要減掉20px，200-20=180，這個(gè)根據(jù)你們的實(shí)際尺寸來(lái)減。
另外增加一個(gè)css樣式：class="footer-more-trigger" 這個(gè)是淘寶自帶樣式，作用於模塊的定位
再加上一段控制模塊屬性的代碼：top:-20px;left:auto;padding:0;border:none;，這段代碼加到style=""內(nèi)，假如有些學(xué)員的代碼是<div>這種類(lèi)型，那麼就要增加為：<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; 是防止一些瀏覽器自帶邊框
這樣應(yīng)該能夠清楚了解了吧？
關(guān)於“淘寶如何去掉自定義模塊的空白間隙”教程就到這裡了，有什麼不懂的，可以向廣(guǎng)州美迪淘寶美工培訓(xùn)提出疑問(wèn)，我們會(huì)在第一時(shí)間內(nèi)為你解答。
點(diǎn)
擊
免
費(fèi)
通
話(huà)
品牌介紹
新聞動(dòng)態(tài)
培訓(xùn)課程
師資風(fēng)採
學(xué)員風(fēng)採
電商資訊
聯(lián)繫我們
淘寶如何去除自定義模塊的空白間隙？
點(diǎn)擊：時(shí)間：2014-10-31 18:43
我們可能在裝修旺鋪的時(shí)候會(huì)出現(xiàn)一個(gè)常見(jiàn)的問(wèn)題，就是自定義模塊的時(shí)候會(huì)出現(xiàn)間隙，而這個(gè)空白的間隙可能就造成了整體的不美觀(guān)，那麼我們如何去除自定義模塊的空白間隙？
廣(guǎng)州美迪淘寶美工培訓(xùn)在前段時(shí)候就說(shuō)過(guò)這個(gè)間隙的問(wèn)題，就是去樣式管理那裡關(guān)閉頁(yè)頭下距10像素。但是這個(gè)方法只是去掉導(dǎo )航和招牌的距離，這個(gè)應(yīng)該還記得吧？忘記的可以看看以下的圖片教程：
我們今天教的可能與這個(gè)不一樣，需要有點(diǎn)代碼的基礎(chǔ)，下面就直入主題吧！！淘寶模塊之間的縫隙是淘寶系統(tǒng)默認(rèn)存在的。如果想自己去掉空白間隙的話(huà)，就必須要用到代碼。
例如：
修改後：
注釋：
我們可以很清楚的看到紅框中的就是修改和增加的部分，原來(lái)自定義模塊的高度是200px，我們需要減掉20px，200-20=180，這個(gè)根據(jù)你們的實(shí)際尺寸來(lái)減。
另外增加一個(gè)css樣式：class="footer-more-trigger" 這個(gè)是淘寶自帶樣式，作用於模塊的定位
再加上一段控制模塊屬性的代碼：top:-20px;left:auto;padding:0;border:none;，這段代碼加到style=""內(nèi)，假如有些學(xué)員的代碼是<div>這種類(lèi)型，那麼就要增加為：<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; 是防止一些瀏覽器自帶邊框
這樣應(yīng)該能夠清楚了解了吧？
關(guān)於“淘寶如何去掉自定義模塊的空白間隙”教程就到這裡了，有什麼不懂的，可以向廣(guǎng)州美迪淘寶美工培訓(xùn)提出疑問(wèn)，我們會(huì)在第一時(shí)間內(nèi)為你解答。
擊
免
費(fèi)
通
話(huà)