你好哇，胖友們

最近三兒收到不少問題

大家都在問我這個(gè)點(diǎn)擊顯示的樣式

圖1 樣式ID：88350

有時(shí)候需要把文字替換成圖片的時(shí)候

由于圖片高度超出樣式設(shè)置的默認(rèn)高度

所以會造成圖片只顯示一半的尷尬局面

或者由于要替換的文字過多

造成只能看到部分文字的尷尬局面

圖2

其實(shí)只需把樣式設(shè)置的高度改一下就行了

來來來，今天就跟三兒學(xué)一下代碼

保準(zhǔn)你一學(xué)就會

學(xué)會了就能跟這篇推文一樣炫酷到不行

首先，為避免內(nèi)容過長影響代碼

所以我們回到樣式最開始的版本

點(diǎn)擊編輯器左上角的HTML源代碼按鈕

圖3

進(jìn)入源代碼模式后

增加樣式高度需要修改四處代碼

圖4

如圖所示，一共標(biāo)記了四個(gè)位置

更改時(shí)需保持①③數(shù)值一致

②④在①③數(shù)值上固定增加數(shù)值20

其中原理就不跟大家說了

總之按我的教程來

修改好數(shù)值之后

大家可以點(diǎn)擊手機(jī)預(yù)覽來測試效果

因?yàn)橛袝r(shí)修改的數(shù)值不一定完美

需要多修改幾次才能達(dá)到最完美的效果

比如

高度值太大了就會顯示過多的空白

高度值太小了就會遮擋部分內(nèi)容

樣式默認(rèn)高度值為180

如果你的文字內(nèi)容5行內(nèi)

或者你的圖片高度在180內(nèi)

那么無需修改

反之，則根據(jù)內(nèi)容超出部分

除以180，根據(jù)結(jié)果在代碼中適當(dāng)修改數(shù)值即可

如果想實(shí)現(xiàn)全文空白

不需要樣式中的提示文字

那么直接刪除①②標(biāo)注處代碼即可

圖5

好了，今天的課就到這里了

如果你第一次沒成，那么建議你再看一次教程

然后再試驗(yàn)一次

記住一定要學(xué)會了馬上預(yù)覽查看效果

最后，你就再試試我這種推文方式

嚇粉絲們一跳

下課~