1. 程式人生 > >文字和字型:文字修飾

文字和字型:文字修飾

text-overfiow 規定當文字溢位包含元素時發生的事情,如果想讓某個容器(div或者li......塊級元素)顯示一行文字,當文字內容過多時,不換行而是出現的,就可以使用該屬性,想要實現這樣的效果需要滿足三個條件:

  1. 設定容器寬度並新增overfiow屬性

  2. 將文字設定為不換行,white-space:nowrap

  3. 設定text-overflow:ellipses l dip

word-wrop  允許單詞換行到下一行

  1. nomail 只在允許的斷字點換行(瀏覽器保持預設處理)

  2. break-word 在長單詞或者URL地址內部進行換行

text-shadow 文字的陰影

text-shadow:x-offset y-offset color ;

font-smoothing 抗鋸齒或光滑

font-smoothing:subpixel-antialiased(瀏覽器預設)| none(用於小畫素文字)| antialised(反鋸齒)