方法一：使用 ems（推薦做法）

　　網站制作當給父級元素指定 overflow: hidden 的時候，父元素就會擴展以包含浮動？ 這個方法就類似這個，關鍵是使用了 em，并給每個字母之間添加了空格。漂亮又整潔，對不對？并且，這種方法可以給你的文字指定任意的font-size，因為我們使用了em，它就相當于選擇字體的x-height，給我們提供了更多的靈活性。但是，你是否又一次想起，有時一行中會有不止一個字母。可實際情況是，你可以安全使用這種方法，因為我已經指定了一個相當大的letter-spacing，以確保一行只會有一個字母。

　　到目前為止，據我所知，這是最好的跨瀏覽器兼容的解決方案

　　方法二：靜態包裹

　　通過這個方法，我們將每個字母包裹在一個span中，然后在CSS中設置它的display屬性為block。這種方法的問題是，除了可怕的標簽外，它需要你手工去給每個字母用span括起來。如果這些文字是由CMS動態生成的，那就別用這種方法了。

　　方法三：。<br/>標簽

　　一種可能的方法(但不推薦)是在每個字母后面添加<br />標簽來實現豎排文字

　　方法四：給容器指定一個寬度

　　如果可能的話，網站制作遠離JavaScript吧。如果我們給容器元素指定一個寬度，并強迫文字換行，如何？那是可以的。在這個方法中，我們給h1定義很窄的寬度，然后是其文字的寬度等于外圍的寬度，最后設置word-wrap 等于 break-word，這樣我們就可以強制每個字母單獨在一行。不過需要注意的是， break-word是一個CSS3的屬性，并不是所有瀏覽器都兼容。如果排除舊瀏覽器的話，這個問題貌似就可以解決了。。。