你好哇，胖友們

最近三兒收到不少問題

大家都在問我這個點擊顯示的樣式

圖1 樣式ID：88350

有時候需要把文字替換成圖片的時候

由于圖片高度超出樣式設置的默認高度

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

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

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

圖2

其實只需把樣式設置的高度改一下就行了

來來來，今天就跟三兒學一下代碼

保準你一學就會

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

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

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

點擊編輯器左上角的HTML源代碼按鈕

圖3

進入源代碼模式后

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

圖4

如圖所示，一共標記了四個位置

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

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

其中原理就不跟大家說了

總之按我的教程來

修改好數(shù)值之后

大家可以點擊手機預覽來測試效果

因為有時修改的數(shù)值不一定完美

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

比如

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

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

樣式默認高度值為180

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

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

那么無需修改

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

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

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

不需要樣式中的提示文字

那么直接刪除①②標注處代碼即可

圖5

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

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

然后再試驗一次

記住一定要學會了馬上預覽查看效果

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

嚇粉絲們一跳

下課~