1. 程式人生 > >p標籤實現自動換行

p標籤實現自動換行

word-break:normal;
white-space:pre-warp;
word-wrapL:break-word;

1.word-break屬性:

    在恰當的斷字點進行換行。有三個值:normal(使用瀏覽器預設的換行規則)、break-all(允許單詞內換行)、keep-all(只能在半形空格或連字元處換行)

2.white-space屬性:

  white-space屬性設定如何處理元素內的空白。

  這個屬性宣告建立佈局中如何處理元素中的空白字元,有六個值:normal(預設。空白會被忽略)、pre(空白會被瀏覽器保留。其行為方式類似HTML程式碼中的<pre>標籤)、

  nowrap(文字不會換行,文字會在同一行上繼續,直到遇到<br>標籤為止)、pre-wrap(保留空白符序列,但是正常的換行)、pre-line(合併空白符序列,但是保留空白      符)、inherit(規定應該從父元素繼承white-space屬性的值);

3.word-wrap屬性:

允許長單詞換行到下一行;有兩個值:normal(只允許在斷字點換行)、break-word(在長單詞或者URL地址內部進行換行)