[ Blogger ] 文章自動斷行的方法

部落格為https://www.blogger.com/
常常為了文章寫太長又沒有斷句的煩腦嗎?以下教學為如何斷行換行。
寫CSS就很麻煩，那就只好改一下HTML語法了。

一、先找尋位置
1. 主題 → HTML編輯→按CTRL+F
2. 輸入separator
3.以下為找尋結果：
<b:widget-setting name='content'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://store.line.me/stickershop/product/1282451&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;150&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9hkc-0JUTxC5Vs8QLgvk_F0nuvuojE2B9m6ydUMDAdNGYUD0sDBq9hDwE9ofeCcHgihHJ8lt2Je4qOvZmO6wM6L5Ap7pGlBCn_sjfUtbhawq6QFYIcIguVVnEUeORetSF8N77gMA2im8/s320/FB2.png&quot; width=&quot;180&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;</b:widget-setting>




4.再紅色字後面加入以下選一個為：

强制不換行
white-space:nowrap;

自動換行
word-wrap:break-word;

强制英文單詞斷行
word-break:break-all;

5.例如加入word-break:break-all; (藍色的區域)就會為强制英文單詞斷行 了

<b:widget-setting name='content'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;word-break:break-all;&quot;&gt;
&lt;a href=&quot;https://store.line.me/stickershop/product/1282451&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;150&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9hkc-0JUTxC5Vs8QLgvk_F0nuvuojE2B9m6ydUMDAdNGYUD0sDBq9hDwE9ofeCcHgihHJ8lt2Je4qOvZmO6wM6L5Ap7pGlBCn_sjfUtbhawq6QFYIcIguVVnEUeORetSF8N77gMA2im8/s320/FB2.png&quot; width=&quot;180&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;</b:widget-setting>