css相關文本樣式探究

來源:互聯網
上載者:User
  1. white-space :

    normal

    |
    pre

    | nowrap

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

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

    什麼是什麼

    |
    試試就知道

    什麼是什麼

    |
    試試就知道

  2. word-wrap :

    normal

    |
    break-word

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

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

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

  4. text-overflow :

    clip

    |
    ellipsis

    要說的就是ellipsis

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

    asdfdfasdfsdfagddgasdghshashfha

    就是這樣了。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.