【部落格實戰】304 | 為什麼電腦版看正常,手機版卻排版亂掉? 原來是 Enter 換行惹的禍 (2026年4月更新)

部落格文章手機看起來排版都怪怪的.jpg

格友來信詢問:
我的部落格文章用手機看,排版都怪怪的。

如上圖,每段後面都會多一塊空白,不知道怎麼改善?
 



歐飛:

這個我一看就知道,就是按了 Enter(分行符號)造成的問題。

直接講重點:電腦版正常,不代表手機版也正常。

先用一個簡單例子說明:
電腦版版面比較寬,假設一行可以放 40 個字
手機版版面比較窄,假設一行只能放 20 個字

如果你一段有 120 個字,而且中間沒有亂按 Enter
.電腦版 → 3 行(正常)
.手機版 → 6 行(正常)

這樣是 OK 的。

但如果你在同一段中,自己手動按 Enter 換行:
.電腦版看起來還是正常
.手機版就會出現「奇怪空白」、「莫名其妙斷行」

問題就出在這裡。

為什麼會這樣?

我問格友:你是不是先在 Word 打,再 copy 到部落格?

格友:是。

【部落格實戰】304 | 不需要在Word中先打文章,應該直
▲這是格友的 Word 

明明是同一段,但裡面其實已經有很多「換行符號」。

當你直接 copy 到部落格時,這些換行會一起被帶過去:
.電腦版看 → 正常
.手機版看 → 爆版、空白一堆

這就是格友一開始問的問題,為什麼手機看文章,會出現奇怪的空白。


我這篇想講三件事

一、不要在 Word 排版,直接在部落格寫

最簡單做法就是:直接在部落格後台寫文章。

還沒寫完就設成「草稿」或「私密」就好。

如果你一定要用 Word:
只打字,不要排版(不要顏色、不要字級、不要手動換行)

為什麼?

因為你在 Word 設的格式,貼到部落格會全部帶過去,而且會「鎖死」。

例如:
你在 Word 設「黑色 + 12 級字」
→ 貼到部落格就永遠是 12 級字

未來你改版型想調整字體?
可以,但你要一篇一篇改。

會累死。
 


【部落格實戰】304 | 不需要在Word中先打文章,應該直
二、網路文章的分段,跟實體文章不一樣
很多人會搞混這件事。

.實體文章:段落前空兩格
.網路文章:直接空一行

在 HTML 裡其實就是:
→ 分段(會空一行)
→ 換行(不會空一行)

你現在的問題就是把「換行(BR)」當成「分段(P)」在用。

請參考: 文章排版注意事項

 


歐飛先生.jpg
三、寫完文章,不光是看電腦版,還要看手機版

以前只看電腦沒差,但現在不行。

以我的部落格來說:
.手機:54%
.電腦:47%

用手機看的反而比較多。

也就是說,我自己平常也要用手機看看部落格。

這樣才能知道大部份的用戶在我看我的部落格時是什麼感覺,然後再調整文章的排版。

另外,痞客邦的手機版廣告很多。

建議用Edge瀏覽器(APP)觀看,預設就是全站無廣告。



補充:那到底要不要手動換行?

很多人會問:一段太長,要不要自己按 Enter?

答案是:沒有標準答案,看情況。

但有一個原則你可以記住:寧可段落短一點,也不要亂按 Enter。

現在的問題就是:你為了讓電腦版好看去硬換行,結果手機版整個亂掉。


總結一下

. 電腦版看起來正常,不代表手機版也正常。
. 不要用 Enter 來排版,會害手機版爆掉。
. 最穩的方法:直接在部落格後台寫。


格友最後問:

以上的說明我看了,但是我還是看不太出來要怎麼後調整。
請問後台有沒有一鍵清除 Word 格式?


歐飛回覆:

現在只能一個一個「純手工」去除,並沒有一個指令可以讓你把所有的文章一次搞定。

這也就是為何我說,你應該直接在部落格後台的編輯器寫文章即可。

而且寫完後,不光是電腦版,你連手機版也要看一下,這樣就算你遇到這種問題,因為一開始你就遇到了,你就可以當場調整,這樣下次你在寫文章的時候就會避免這樣的問題。

就不會發生現在這種事情,因為你已經寫了N篇文章了,現在如果要改,等於是要一篇文章一篇文章的純手工調整,這樣會很累,但也沒辦法,就是「花時間」調整一下,把「分行符號」去掉。

 



2026年4月更新

用電腦看文章,版面比較寬,每一行的字數可以比較多,

用手機看文章,版面比較窄,每一行的字數就會比較少,

同一篇文章,因為每一行字數的不同,看起來就不會同,特別是行數的不同。

這就會產生一個問題,我大約是要打幾個字就換行(enter鍵),這樣才不會發生在手機版上看文章時,一段文字就好多行,反而不方便閱讀。

這個問題,我沒有答案,這個要看情況,看著辦。

這就是目前寫部落格會遇到的問題,大部份的人是用電腦寫部落格,但現在反而是用手機看部落格的人比較多。

再來,要寫部落格,建議直接在部落格寫,先存在「私密」或「草稿」,都寫好了再「公開」即可。

而不要像本文網友這樣,先在 Word 寫,這樣問題更大,因為你把文章貼到部落格後還要「重新排版」,這樣反而麻煩。

 

 

懶人包:部落格實戰全系列

4 則留言

  1. 從word貼過來時要選「以純文字貼上」
    不過換行分段這種還是沒辦法就是了

    • 是的,要純文字貼上,但換行分段的問題還是沒解決
      也就是說,本文網友提的問題還是一樣存在

  2. 從word貼過來時要選「以純文字貼上」
    不過換行分段這種還是沒辦法就是了

    • 是的,要純文字貼上,但換行分段的問題還是沒解決
      也就是說,本文網友提的問題還是一樣存在

留言功能已關閉。