在大家精心微信排版的過程中,想要排比較文藝的文章,或者想要對文字進行強調的時候,經常會需要控制文章的間距。
但是很遺憾,目前的微信編輯器甚至第三方的微信排版工具,都沒有提供現成的改變文字間距的工具。
今天,我準備教大家用程式碼修改一下文字的字間距,同時也要藉助一個第三方的微信編輯器,i排版。
工具/原料
電腦
i排版
方法/步驟
我們先說一下改變微信編輯器中文字間距的原理:
設定文字左右間距其實和我們常見的設定行高是一樣的性質,調整內容的“letter-spacing”的屬性就好。
下面我們給出控制問文字間距的程式碼:
需要設定左右間距的文字
首先請大家先開啟i排版的主頁 ipaiban.com
我們用不到微信編輯器樣式選擇區的樣式,直接看編輯器編輯區工具條的最後一個工具:HTML。
我們點選HTML工具。
替換文字:程式碼中“需要設定間距的文字”可以直接替換、編輯;
如果有小夥伴不習慣在程式碼編輯頁面操作,可以切換回正常編輯將自己的內容貼上到示例文字後面,再刪除示例文字,以免出現左右縮排效果丟失的情況。
設定具體間距:完成文字內容編輯後,還需要調整合適的間距數值,也就是“10px”那裡。這個數值可正可負,0就是正常的文字間距,>0則會拉大文字間距,使用負值,文字就會變得緊湊了。
再次點選微信編輯器工具條中的“HTML”就可以回到正常編輯檢視。
我加了居中哈。
如果大家有好的微信排版建議,請和我交流;如果有使用微信編輯器,使用i排版的心得,也記得和我交流哈。