用CSS自動添加中英數字之間的空格

寫中文的時候，有一個常見的做法是在中文字和英文單字或數字之間手動加空格，讓文字更好讀。比較一下：

• 這個很beautiful的blog讓me感到很happy。
• 這個很 beautiful 的 blog 讓 me 感到很 happy。

我是因為看太多Wiwi的文章，不知不覺也開始這樣做。他說過，沒加空格會讓他小小的不舒服。

不過，用了一陣子，我也覺得不舒服。原因則不一樣。

讓我們看幾個例子：

• 2026 年 4 月 9 日
• 約 4 分鐘
• 新手 Youtuber
• 去健身房聽 Podcast
• HP 太低要回城補血
• 理想的日常：過好每天的 1440 分鐘

我沒辦法接受的是：那個空格實在太大了。

每個空格都像多了一個停頓，一個沒必要的強調。英文和數字沒被夾在中間的時候尤其明顯。

而且手動加空格有幾個很煩的問題：

• 不一致：我的筆記裡沒空格，部落格裡有。出版時又要全部刪掉。
• 會漏：寫文章和電子報懶得叫AI調整時，自己手動加，一定會漏。
• 本末倒置：間距本來就是軟體的責任，不是我或我寫的markdown的責任。

M編（遊戲心法的合作編輯）也寫過，出版業歷來都是清除原稿空格，靠排版調整間距。

所以這問題根本不該由作者解決，而是應該用軟體來解決。

最新的CSS功能：text-autospace

昨天我終於受不了，開始問AI。我要的效果很簡單：文本裡不加空格，靠CSS或JS自動處理，而且間距要比半形空格小。

結果我問對了時間。

CSS最新的text-autospace去年11月開始推出，解決的正是這個問題。2026年4月的現在，各大瀏覽器都已經支援了。它加的是大約1/8 em的小間隔，比手動的半角空格小很多，剛剛好。

而且超簡單！只需要在你的CSS裡面添加text-autospace: normal就好！

以下是對比：

是不是好看非常多！？

一點小遺憾

可惜改自己的部落格沒辦法影響RSS閱讀器。

RSS閱讀器基本上都沒有開始支援這個功能。但那也是軟體該解決的問題！

剛好我常用的NetNewsWire是開源的，所以我直接提交了一個PR。不知道會不會被收，但至少我努力了。

另外，寫這篇的時候發現一件好笑的事：我已經養成了手動加空格的習慣。

現在得把這個習慣戒掉。

花力氣養成的習慣，因為找到更好的解法而變得多餘。這大概是最好的那種浪費。

還有，這個很beautiful的blog讓me感到很happy。

Alex Hsu 斜槓少年

獨立開發者，新手Youtuber，盲盒音樂礦工，想成為作家，ADHD。
紀錄持續學習、創作和追求簡單的感悟。