A. css word-break 中文換行排版問題
text-align:justify;(文本兩側對齊,和換行屬性關系不大,字元和標點符號在在瀏覽器中讀取的位置造成這種效果。給p設置text-align:justify;就可以了。)
B. css自動換行全面的word-break
自動換行 word-break:break-all和word-wrap:break-word
word-break:break-all和word-wrap:break-word都是能使其容器如DIV的內容自動換行。
它們的區別就在於:
1,word-break:break-all 例如div寬200px,它的內容就會到200px自動換行,如果該行末端有個英文單詞很長(congratulation等),它會把單詞截斷,變成該行末端為conra(congratulation的前端部分),下一行為tulation(conguatulation)的後端部分了。
2,word-wrap:break-word 例子與上面一樣,但區別就是它會把congratulation整個單詞看成一個整體,如果該行末端寬度不夠顯示整個單詞,它會自動把整個單詞放到下一行,而不會把單詞截斷掉的。
3,word-break;break-all 支持版本:IE5以上 該行為與亞洲語言的 normal 相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本。 WORD-WRAP:break-word 支持版本:IE5.5以上 內容將在邊界內換行。如果需要,詞內換行( word-break )也將發生。表格自動換行,避免撐開。 word-break : normal | break-all | keep-all 參數: normal : 依照亞洲語言和非亞洲語言的文本規則,允許在字內換行 break-all : 該行為與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本 keep-all : 與所有非亞洲語言的normal相同。對於中文,韓文,日文,不允許字斷開。適合包含少量亞洲文本的非亞洲文本 語法: word-wrap : normal | break-word 參數: normal : 允許內容頂開指定的容器邊界 break-word : 內容將在邊界內換行。如果需要,詞內換行(word-break)也行發生說明:設置或檢索當當前行超過指定容器的邊界時是否斷開轉行。
對應的腳本特性為wordWrap。請參閱我編寫的其他書目。 語法: table-layout : auto | fixed 參數: auto : 默認的自動演算法。布局將基於各單元格的內容。表格在每一單元格讀取計算之後才會顯示出來。速度很慢 fixed : 固定布局的演算法。在這演算法中,水平布局是僅僅基於表格的寬度,表格邊框的寬度,單元格間距,列的寬度,而和表格內容無關說明:設置或檢索表格的布局演算法。對應的腳本特性為tableLayout。
建議:word-break 用3C檢測會顯示問題的,導致網路快照也會出問題-這個屬性OPERA FIREFOX 瀏覽器也不支持 word-break屬性可以用white-space:normal;來代替,這樣在FireFox和IE下就都能正確換行,而且要注意,單詞間的空格不能用 來代替,不然不能正確換行。
我在網站上試驗過確實不支持,你可以再W3C驗證一下
C. css 使用wordWrap:break-word和wordBreak:break-all可以將數字和英文單詞換行顯示
word-break:break-all;word-wrap:break-word;
應該是這么寫的。是不是你寫錯了。
D. css中word-break設置為keep-all不好使怎麼辦
棄用
E. css 中沒有word-break屬性
是不是語言的原因
word-break : normal | break-all | keep-all
參數:
normal : 依照亞洲語言和非亞洲語言的文本規則,允許內在字內換行容。
break-all : 該行為與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本。
keep-all : 與所有非亞洲語言的normal相同。對於中文,韓文,日文,不允許字斷開。適合包含少量亞洲文本的非亞洲文本。
F. CSS強制換行問題word-wrap:break-word;
確實,不過你在td 添加屬性display:block就可以了
G. word-break word-wrap在CSS+DIV中,的用法。。。想在一個DIV中更好的對文字進行排版。。請教用法!!
兼容 IE 和 FF 的換行 CSS 推薦樣式
最好的方式是
word-wrap:break-word; overflow:hidden;
而不是
word-wrap:break-word; word-break:break-all;
也不是
word-wrap:break-word; overflow:auto;
在 IE 下沒有任何問題,在 FF 下,長串英文會被遮住超出的內容。
word-wrap同word-break的區別
word-wrap:
normal Default. Content exceeds the boundaries of its container.
break-word Content wraps to next line, and a word-break occurs when necessary. 必要時會觸發word-break。
word-break:
normal Default. Allows line breaking within words. 好像是只對Asian text起作用。
break-all Behaves the same as normal for Asian text, yet allows the line to break arbitrarily for non-Asian text. This value is suited to Asian text that contains some excerpts of non-Asian text.
keep-all Does not allow word breaking for Chinese, Japanese, and Korean. Functions the same way as normal for all non-Asian languages. This value is optimized for text that includes small amounts of Chinese, Japanese, or Korean.
總結如下:
word-wrap是控制換行的。
使用break-word時,是將強制換行。中文沒有任何問題,英文語句也沒問題。但是對於長串的英文,就不起作用。
break-word是控制是否斷詞的。
normal是默認情況,英文單詞不被拆開。
break-all,是斷開單詞。在單詞到邊界時,下個字母自動到下一行。主要解決了長串英文的問題。
keep-all,是指Chinese, Japanese, and Korean不斷詞。即只用此時,不用word-wrap,中文就不會換行了。(英文語句正常。)
ie下:
使用word-wrap:break-word;所有的都正常。
ff下:
如這2個都不用的話,中文不會出任何問題。英文語句也不會出問題。但是,長串英文會出問題。
為了解決長串英文,一般用word-wrap:break-word;word-break:break-all;。但是,此方式會導致,普通的英文語句中的單詞會被斷開(ie下也是)。
目前主要的問題存在於 長串英文 和 英文單詞被斷開。其實長串英文就是一個比較長的單詞而已。
即英文單詞應不應該被斷開那?那問題很明顯了,顯然不應該被斷開了。
對於長串英文,就是惡意的東西,自然不用去管了。但是,也要想些辦法,不讓它把容器撐大。
用:overflow:auto; ie下,長串會自動折行。ff下,長串會被遮蓋。
所以,綜上,最好的方式是word-wrap:break-word;overflow:hidden;而不是word-wrap:break-word;word-break:break-all;。
word-wrap:break-word;overflow:auto;在ie下沒有任何問題。在ff下,長串會被遮住部分內容。
H. 網頁設計CSS里{word-wrap:break-word;word-break:break-all;}是什麼意思
div容器內中內容將在邊界內換行,(word-wrap)英語句子中單詞內不強制換行。(word-break)如果需要詞內換行。
I. CSS驗證:「word-break」不是有效的CSS屬性名.
我來告訴你標准答案!這個根本就不是CSS代碼,這個是html代碼,CSS代碼是寫在CSS定義區域內專,而且你這個表格的標簽屬有錯誤,缺少代碼,例如這句max-width:480px;這個是最大寬度,還要定義最小寬度的標簽,我們現在寫網頁都直接寫在CSS裡面了,是不會寫在html裡面的
J. word-break word-wrap在CSS DIV中,的用法。。。想在一個DIV中更好的對文字進行排版。。請教用法!!
這就是個文字的自動換行,得具體問題具體分析了
說這么籠統,不知道你具體遇到什麼麻煩了