CSS3：如何讓偽元素 :before :after 中 content屬性中的文字斷行

因為在玩 CSS3 的效果，嘗試在 :after 裡的 content: ' ' 中加上文字來測試

----實驗內容sass----

.box
       &:after
content: ' 國立故宮博物院 國立故宮博物院的收藏，承襲自宋、元、明、清四朝宮中收藏，質量兼備。 '

然後，突然想說要斷一下行，怎麼斷呢，上網google了一下，
找到答案，可以再要斷行的地方加上 \A ，以及white-space: pre

.box
       &:after
content: ' 國立故宮博物院 \A 國立故宮博物院的收藏，承襲自宋、元、明、清四朝宮中收藏，質量兼備。 '
                white-space: pre

可是，斷行之後，後面的一大段敘述變成了一行無法自動換行的長文字
想想應該是 white-space 的問題，所以上去 w3school 搜尋了一下
找到了 white-space 的其他值

最後改成

.box
       &:after
content: ' 國立故宮博物院 \A 國立故宮博物院的收藏，承襲自宋、元、明、清四朝宮中收藏，質量兼備。 '
                white-space: pre-line

這樣可以斷行，斷行之後的文字仍然可以自動換行。

不過在請教過大師，大師說 content 內的文字是對SEO沒有幫助的，可以做裝飾性使用就好，不要用在重要的地方啊~

如何瀏覽 Google Drive 裡存放的 HTML 網頁？

之前在 Google Drive 只要該資料夾設定為公開

針對檔案即可按右鍵在雲端硬碟檢視，然後會有個"預覽"的按鈕可以預覽完整網頁畫面

但是 Google 改版之後，那個預覽按鈕不見了，突然不知道該怎麼辦。

還好看到阿湯哥的部落格文章，救了我，所以來記錄一下，感謝阿湯大大~~m(_ _)m

詳細細節請看：

Google Drive 雲端硬碟應用，在 Google Drive 也能建立 HTML 網頁直接瀏覽