淘寶圖片有空白間隙怎么去除
淘寶圖片有空白間隙怎么去除?在進行淘寶店鋪裝修的時候,出現(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)!
留言與評論(共有 條評論) |