css word-wrap屬性的使用詳解

來源:互聯網
上載者:User
這是一個簡單的代碼就是讓長單詞在外框不夠大的時候可以換行顯示。它在很多英文的網頁編輯中還是非常管用的。

文法:

word-wrap : normal | break-word

參數:

normal :  允許內容頂開指定的容器邊界
break-word :  內容將在邊界內換行。如果需要,詞內換行(word-break)也行發生

說明:

設定或檢索噹噹前行超過指定容器的邊界時是否斷開轉行。
對應的指令碼特性為wordWrap。請參閱我編寫的其他書目。

樣本:

div { word-wrap: break-word; }

代碼應用。在這個例子當中,我們對於長單詞進行了分割。

p.test {word-wrap:break-word;}

這個word-wrap 得到了所有的瀏覽器的支援。

word-wrap的用法,它的預設值為 normal 它的繼承性 yes 它的版本為 CSS3

style 流程。用這個代碼的時候,一定要對於外框進行一個定義。

<style> p.test{width:11em; border:1px solid #000000;word-wrap:break-word;}</style>

word-wrap 的 java 應用。一個賦值搞定。

object.style.wordWrap="break-word"

word-wrap 的 文法word-wrap: normal|break-word;

兩個不同的參數值。一個是瀏覽器預設的,一個是單詞斷開。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.