Sunday, February 24, 2019

如何解決Blogger文字斷行問題

如果發現文章換行/斷行超過文章框架, 可以檢查HTML原始檔的CSS文字換行Style. 透過這個屬性可以指定換行的方式。
  • word-break: break-all; 強迫換行, 有可能會斷在單字中間
  • word-wrap:break-word; 依單字換行
  • white-space:nowrap; 不換行
CSS 還有個空白長度的設定,透過 white-space 可以移除連續空白。


如何更改文字換行

  • edit post 
  • switch to html view
  • add "word-wrap:break-word;" in the end of table or div 
    • ex: < div ... style="... white-space: word-wrap:break-word;">

No comments:

Post a Comment

How To Connect Google WiFi Devices via Ethernet

How To Connect Google WiFi Devices via Ethernet 如何把 Google WiFi 用網路線泊接 出差巡Costco不小心看到有趣的東西, 剛好家中的小米WiFi AP不太給力, 就順手帶一組回來了. 軟體設定...