淘寶圖片有空白間隙怎么去除?輸入這些代碼!
156****1640樓主|2022-06-08|10:25|發(fā)布在分類 / 店小蜜|閱讀:387
156****1640樓主|2022-06-08|10:25|發(fā)布在分類 / 店小蜜|閱讀:387
淘寶圖片有空白間隙怎么去除?
在進(jìn)行淘寶店鋪裝修的時候,出現(xiàn)了淘寶圖片有空白間隙的情況,這回很影響店鋪的美觀,那么怎么去除淘寶圖片有空白間隙呢?
幕思城小編今天分享一些代碼,幫助大家去除淘寶圖片有空白間隙!我們可能在裝修旺鋪的時候會出現(xiàn)一個常見的問題,就是自定義模塊的時候會出現(xiàn)間隙,而這個空白的間隙可能就造成了整體的不美觀,那么我們?nèi)绾稳コ远x模塊的空白間隙?
裝修模版的空白空隙怎么消除?
我們今天教的可能與這個不一樣,需要有點代碼的基礎(chǔ),下面就直入主題吧!!淘寶模塊之間的縫隙是淘寶系統(tǒng)默認(rèn)存在的。
如果想自己去掉空白間隙的話,就必須要用到代碼。
例如:修改后:注釋:我們可以很清楚的看到紅框中的就是修改和增加的部分,原來自定義模塊的高度是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)該能夠清楚了解怎么去除淘寶圖片有空白間隙了吧!看懂了不代表自己會了,趕緊實操起來吧!如果您想了解更多精彩淘寶內(nèi)容,請多多關(guān)注幕思城。
相關(guān)推薦:淘寶寶貝主圖優(yōu)化及技巧淘寶開網(wǎng)店如何把圖片做得更精致淘寶店鋪裝修教程,淘寶寶貝圖片如何設(shè)計制作
這個問題還有疑問的話,可以加幕.思.城火星老師免費咨詢,微V.信X號是為: msc496。
微信掃碼回復(fù)「666」