1. 程式人生 > > css文字的強制換行和超出寬度省略變成點兒

css文字的強制換行和超出寬度省略變成點兒

dde 設置 word 內容 css樣式 font bsp 三種 bre

一、文字換行

  今天做div內部放文字時發現,不管我div設置多寬的屬性,都會有div裏面的字丁出去,不在div內部的狀況,因此我就使用了css樣式設置,強制將文字換行:

  三種方式

    1、 word-break: break-all; 只對英文起作用,以字母作為換行依據。
    2、word-wrap: break-word; 只對英文起作用,以單詞作為換行依據。
    3、white-space: pre-wrap; 只對中文起作用,強制換行。

二、禁止換行且超出部分省略

  * 使用超出顯示省略的時候,一定要給設置樣式這層標簽加一個max-width 或者 width, 若這層標簽的上一級標簽設置了寬度,那麽這層標簽的width可以設置成百分比。

overflow:hidden;//內容溢出處理
white-space:nowrap;//文字超出時不換行
text-overflow:ellipsis;//文字溢出處理

css文字的強制換行和超出寬度省略變成點兒