css 文本換行 隱藏 ... 等

  1. 、word-wrap:break-word;

    內容將在邊界內換行,僅用於塊對象,內聯對象要用的話,必須要設定height、width或display:block或position:absolute。

    word-wrap、white-space和word break的區別

    word-wrap、white-space和word break的區別

  2. 2、word-break:break-all;

    用於處理單詞折斷。(注意與第一個屬性的對比)

    word-wrap、white-space和word break的區別

    word-wrap、white-space和word break的區別

  3. 3、white-space:nowrap;

    用於處理元素內的空白,只在一行內顯示。

    word-wrap、white-space和word break的區別

    word-wrap、white-space和word break的區別

  4. 4、overflow:hidden;

    超出邊界的部分隱藏。

    word-wrap、white-space和word break的區別

    word-wrap、white-space和word break的區別

  5. 5、text-overflow:ellipsis;

    超出部分顯示省略號。

    word-wrap、white-space和word break的區別

    word-wrap、white-space和word break的區別

    END

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章