[HTML CSS] 讓 pre 標籤裡的內容自動換行的方法

寫部落格時總是會超出文章版面，還要手動把程式碼一個一個斷行非常麻煩。
因此可加入這段CSS語法到版面中，讓整個畫面變的整齊。


以下語法可以讓 pre 裡的內容過長時斷行。
但我們還得指定 pre 的寬度，不然一直斷行會變很窄長型狀。

[ 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>

「CSS」中間div上下及中水平排列