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

    就是這樣了。

相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。