公眾號(hào)推文圖片與圖片之間的空隙怎么去掉
本文為您揭示解決排版白縫問(wèn)題的三大法寶,讓您輕松掌握從無(wú)縫圖到定位技巧的方法。無(wú)論是圖片間距問(wèn)題還是定位設(shè)置,我們都會(huì)一一為您解答。學(xué)會(huì)這些技巧,讓您的排版更加美觀、專(zhuān)業(yè)!
朋友們大家好,我是三兒
有不少朋友剛排版時(shí),總會(huì)遇到一個(gè)令人抓狂的問(wèn)題。
“白縫!白縫!像白色衣服上的油點(diǎn),令人難受!”
那么白縫問(wèn)題應(yīng)該如何解決呢?
且聽(tīng)我慢慢道來(lái)
三兒常遇見(jiàn)朋友說(shuō),在推文中放了幾張圖片,明明沒(méi)有打空行就是有一小段縫隙無(wú)法消除,這時(shí)候我們只需要點(diǎn)擊圖片,選擇[無(wú)縫]即可
如果圖片數(shù)量不多,還能手動(dòng)一張一張?jiān)O(shè)置,要是圖片數(shù)量很多該怎么辦呢?
用全文圖片樣式呀。
“那我要是點(diǎn)了圖片[無(wú)縫]還是能看到一絲白縫,閣下又該如何應(yīng)對(duì)呢?”
三兒也曾遇到過(guò)這樣的問(wèn)題,明明用了無(wú)縫最后在某些手機(jī)機(jī)型上顯示還是會(huì)有1px的耀眼白縫,有些則顯示正常無(wú)縫,這時(shí)候應(yīng)該怎么辦呢?
如果你是一名排版老手應(yīng)該就會(huì)知道:[margin-top -1px]
通俗來(lái)講就是利用定位,咱們手動(dòng)縮短圖與圖之間的位置距離。
margin-top是CSS的一個(gè)編程函數(shù),功能是給元素設(shè)置上外邊距。margin-top -1px 就是給元素設(shè)置一個(gè)-1距離的上外邊距。
在實(shí)際操作中,我們不需要設(shè)置代碼,僅需要點(diǎn)擊圖片在樣式操作中選擇[定位]設(shè)置一個(gè)-1前后間距即可。
“如果我是在SVG編輯器里制作內(nèi)容,又該怎么取消縫隙呢?”
在SVG編輯器里,我們提供了很多無(wú)縫相關(guān)的組件,大家可以按需選擇使用。
“如果我使用了無(wú)縫組件,在部分機(jī)型上預(yù)覽還是出現(xiàn)了白縫,又該怎么辦呢?”
在SVG編輯器中,我們提供了一個(gè)功能叫[去縫隙]開(kāi)啟后默認(rèn)執(zhí)行[margin-top/bottom -1px]
開(kāi)啟后再預(yù)覽就能發(fā)現(xiàn),白縫都消失了。
“如果我點(diǎn)擊設(shè)置了無(wú)縫,又使用了定位還是有白縫呢?”
這時(shí)候我們就需要考慮是不是圖片本身自帶了1px的白色縫隙。

以上就是三兒教給大家的
去除[白縫]獨(dú)家秘籍
相信三兒
只要你按照這三個(gè)方法執(zhí)行
白縫什么的統(tǒng)統(tǒng)消失!
學(xué)到了排版小技能
三兒也為你準(zhǔn)備了
運(yùn)營(yíng)小福利
快去掃碼看看吧
??


立即登錄













