css相關文本樣式探究

1. white-space :

   normal

   |
   pre

   | nowrap

   這個屬性的話一般要用的話就是後面的nowrap

   了，意思就是讓一個標籤裡的內容在一行顯示，如果這行顯示不下也要強制顯示出來。有興趣可以參考百度的首頁，它上面就用到了這個屬性，這是在我學習CSS時查看百度首頁CSS時發現的。不過現在已經不存在了。

   什麼是什麼

   |
   試試就知道

   什麼是什麼

   |
   試試就知道

2. word-wrap :

   normal

   |
   break-word

   這個屬性主要使用的是break-word

   ，用於強制換行顯示。比如一個很長的字串：asdfdfasdfsdfagddgasdghshashfha超過了容器的寬度，這樣就強制換行了，例如：

   asdfdfasdfsdfagddgasdghshashfha

這個屬性在CSS3之前一直屬於IE的特有屬性，後來出來了CSS3後目前非IE的最新瀏覽器都支援這個屬性。微軟確實有先見之明，包括一系列的濾鏡功能等待。

3. text-overflow :

   clip

   |
   ellipsis

   要說的就是ellipsis

   這個屬性，用於當超過容器的寬度是出現省略符號，非常不錯而且強大很實用。這個屬性同樣是微軟的IE6開始就出現了，現在CSS3裡也有這個屬性了，但是FirefoxFF以及Opera的最新版瀏覽器都不支援，很是可惜了。下面說明一下就是在使用這個屬性時需要額外加兩個屬性才能出現：一是，overflow:hidden; 二是，white-space:nowrap;

   asdfdfasdfsdfagddgasdghshashfha

   就是這樣了。