很多賣家在進行店鋪裝修的時候,使用自定義模塊做好一部分頁面的時候,會出現(xiàn)模塊上下產(chǎn)生間距的情況,如果你想要掌握去除間隙的方法,那就一定要跟隨幕思城小編去看看下面的這一篇文章哦!解決的方法很簡單,直接對照改就行了!首先,進入淘寶裝修頁面點擊對應(yīng)模塊的“編輯”按鈕!進去之后點擊“源碼”的小圖標進去之后全是淘寶店鋪裝修代碼,但不要怕,我們只要改一打開后的兩個小地方,就是這兩個地方!首先,我們把第一行的 height 減去20px(小編這里是499.所以改成479)其次,找到第四行的 top 寫成 -20px(小編這里是auto,寫成 -20px)注:可能有很多地方都有top這個單詞,其他不管,就只要改靠近尖括號的地方,一般會出現(xiàn)在第四行,有差別也是少數(shù)。
改好后點擊 左下角 的“確定”然后,點擊“發(fā)布站點”點擊“確定”即可最后,頁面間距沒有了!淘寶模塊之間的縫隙是淘寶系統(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)該能夠清楚了解了吧?
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺規(guī)則
本文來源: 淘寶模塊間隙去除怎么操作?圖文流程