首頁  >  文章  >  web前端  >  css word-wrap屬性的使用詳解

css word-wrap屬性的使用詳解

黄舟
黄舟原創
2017-06-20 13:29:073078瀏覽

這是一個簡單的程式碼就是讓長單字在外框不夠大的時候可以換行顯示。它在很多英文的網頁編輯中還是非常管用的。

語法: 

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;

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

以上是css word-wrap屬性的使用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn