使用空白字元white-space幫網誌說明斷行 (適用Blogger)
昨天花了一些時間變更網站設定,調整字型與字體大小,覺得文章內容有比較適合閱讀了,不過網誌說明部分字體似乎太小,以前不想研究,所以用最簡單的方法來斷行,但現在文章內容變好了,頂端的標題還是這麼不協調,就失去調整的意義了,因此花了一點時間研究,找出讓自己滿意的網頁畫面設定。
範例網頁:
菜鳥工程師的Android奇幻漂流以前撰寫Android專案時的網站,目前改為測試網站,網頁的任何效果在該網站測試過後才會更新到本網站。
原先設定:
<pre>對於Android,就像是一個菜鳥工程師,一切重頭開始,
希望能夠在這裡有更多的學習,更多的認識,並開發更好用的手機程式。</pre>
主題 → 編輯HTML 內的CSS設定並不會生效
.Header .description {
  font-size: 140%;
  color: $(description.text.color);
}
 
![[閒書] 十字路口 十字路口](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA5CWE4dUXGF145sH6UTpOucJAFjPnLBDi74BtXiEBaNMB7bRBM96N_6hCQj79fdGdRSzLHX0U56fjsxLvUNImBEkPtDw4LFnLrY71ji3yyAVNSiDtkqrsOZ5xDC1TkCtqULmJ9PM56zGz/s200/P_20180323_151259.jpg)
![[程式] Android Studio : Simple True False Game II Simple True False Game II View1 (activity_main.xml)畫面](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCthC6UwjhbjS9RGUskMcQ9CeN31Tcq4l4MdqIrlvIIYDQyGXOSEc6FUIWEp_4kOO0MyTEMaI4a5ulFeZxlapYOgIWSEvvNqdLGvvKLOv2bs7dp9ct57Udr6kzt7Cj-qf6A2X4y-l3olOv/s640/SimpleTrueFalseGameII_01.jpg)
![[閒書] 幽浮小姐的烘焙坊 幽浮小姐的烘焙坊](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8TK0KmfdnUJUUhC3ukQuLebYU5Z51DKW1NgZjh90xF6VHnIGazCSb2S3xG0J0rLO3H6k7_EpkAYjFhLuKAssWUAeMhoEA9h3m_2rgcC3DjeFd8llvyJlEsZrDvcwgRHsgo8mLDSppHcg7/s200/P_20180323_151156.jpg)
![[閒書] 報案者:0 報案者:0](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin64LLv5PGSQMuK34c-qj95NFlt-kOP3VAAXrR6mSgSgcULmpNCS0OSusYSzo1apBGvjYnE108VVWZLW_GGAWe-RHOatY20GEha-lFKuY4RCXY_vUfC9vsO_dls7r28Vt3O_aBE-L8aMuP/s200/P_20180323_151213.jpg)
![[程式] Android Studio : Simple High Score Screen Simple High Screen Screen View1畫面](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgssMCoCF3c0FPG3-SvHPSxReI5sYQhhraTJoq0GoQwxHTRdOyGx20R-ukGsO-a5nQzEpBr6sFRVnqoZ8xkrIpvBl9lrCt6Y-ossPxQ2Tz0xSuLhgvOv93vIzOW_60sT9LM_vgL22AaIrwq/s640/SimpleHighScoreScreen_01.jpg)
![[程式] Android Studio : Simple Quiz Game Simple Quiz Game View畫面](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM1kkUq0GWE0w5bw9apPfdLxc77DQa1R51Hx-OXvKh7YKDrvOoaXR5KZCBNV_m29SJrXmKYsrzwDin6vYECwGCa3Kc-eE0CJNQuO679WBXIFVbnhkNNyX1BQeXQ-wDBlJXNtiON1PKyLvo/s640/SimpleQuizGame_01.jpg)
![[程式] Android Studio : Simple True False Game Simple True False View畫面](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY8g52GulWGnJTE-W-r1jQKxvr5Bzhj2gI1JMqo1txkpJ_mCPYAINNUmklOU8dGRh1PGIvfVtS8efAedLMBN2L5pUDdLhkgk-6CLJatUPwmG-Qolx3YSnhTcOU5kUDpPuaQGQc2JjKGlTk/s640/TrueFalseGame_01.jpg)
![[程式] Android Studio : Simple Roulette Game II Roulette view畫面](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXxqYHDMWLfRAD_nFxp1ivr38AJHOvqWIjVLYgvLyX6PlIP2w_v61iFxlgU8VVQO8x_tBH0bXO2gMauJZlU677F6Zp6kt7EKnLsupXONWh77yic1V1lmL-MZmzfSfvN112iUDHZ0qph1yF/s640/RouletteII_01.jpg)



