淘寶論壇運營網(wǎng)-淘寶經(jīng)驗推廣社區(qū)-電商運營論壇-淘寶新手賣家開店運營教程,淘寶打造爆款技巧

快捷搜索:   規(guī)則  刷單  淘寶流量  直通車  超級推薦 

淘寶圖片有空白間隙怎么去除

  淘寶圖片有空白間隙怎么去除?在進行淘寶店鋪裝修的時候,出現(xiàn)了淘寶圖片有空白間隙的情況,這回很影響店鋪的美觀,那么怎么去除淘寶圖片有空白間隙呢?57淘寶論壇網(wǎng)小編今天分享一些代碼,幫助大家去除淘寶圖片有空白間隙!

  我們可能在裝修旺鋪的時候會出現(xiàn)一個常見的問題,就是自定義模塊的時候會出現(xiàn)間隙,而這個空白的間隙可能就造成了整體的不美觀,那么我們?nèi)绾稳コ远x模塊的空白間隙?
裝修模版的空白空隙怎么消除?

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

  例如:

淘寶圖片有空白間隙

  修改后:

淘寶圖片有空白間隙

  注釋:

淘寶圖片有空白間隙

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

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

  再加上一段控制模塊屬性的代碼:top:-20px;left:auto;padding:0;border:none;,這段代碼加到style=""內(nèi),假如有些學(xué)員的代碼是

  這種類型,那么就要增加為:

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

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

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

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

  這樣應(yīng)該能夠清楚了解怎么去除淘寶圖片有空白間隙了吧!

能夠幫助大家提升店鋪流量,是57淘寶論壇網(wǎng)小編的職責(zé)啦。想了解更多資訊,請關(guān)注57淘寶論壇網(wǎng)!

留言與評論(共有 條評論)

   
驗證碼: