nowrap是什麼意思? HTML中td元素的nowrap屬性表示禁止單元格中的文字自動換行。 但使用時要注意的是,td元素noWrap屬性的行為與td元素的width屬性有關。 td元素中nowrap屬性的行為與td元素的width屬性有關。如果未設定td寬度,則nowrap屬性起作用的,如果設定了td寬度,則nowrap屬性不起作用。 nowrap詳細解說 nowrap表示是否允許表格中的文字換行 nowrap=true的時候不能換行 nowrap=false可以換行
補存1 在css中控制強制換行或不換行的寫法為: 語法: white-space : normal | pre | nowrap |inherit 取值: normal : 預設值。預設處理方式。文字自動處理換行。假如抵達容器邊界內容會轉到下一行 pre : 換行和其他空白字元都將受到保護。這個值需要IE6+或者 !DOCTYPE 宣告為 standards-compliant mode 支援。如果 !DOCTYPE 宣告沒有指定為 standards-compliant mode ,此屬性可以使用,但是不會發生作用。結果等同於 normal 。參閱 pre 物件 nowrap : 強制在同一行內顯示所有文字,直到文字結束或者遭遇 br 物件。參閱 noWrap 屬性 補存2 網頁設計排版的時候遇到了這樣一個問題,就是我的網頁是分塊的,每塊有不同的內容,今天發現,有塊輸入內容時,把別的塊都撐的不成樣子了,下面列出來的是我通過baidu檢索的解決方案,現摘錄到這裡,方便以後查閱! 強制不換行 div{ white-space:nowrap; } 自動換行 div{ word-wrap: break-word; word-break: normal; } 強制英文單詞斷行 div{ word-break:break-all; } CSS設定不轉行: overflow:hidden 隱藏 white-space:normal 預設 pre 換行和其他空白字元都將受到保護 nowrap 強制在同一行內顯示所有文字,直到文字結束或者遭遇 br 物件 設定強行換行: word-break: normal: 依照亞洲語言和非亞洲語言的文字規則,允許在字內換行 break-all:該行為與亞洲語言的normal相同。也允許非亞洲語言文字行的任意字內斷開。該值適合包含一些非亞洲文字的亞洲文字 keep-all:與所有非亞洲語言的normal相同。對於中文,韓文,日文,不允許字斷開。適合包含少量亞洲文字的非亞洲文字與之間的高度解決辦法 英文不換行 CSS里加上 word-break: break-all; 問題解決。這個問題只有IE才有,在FF下測試,FF可以自己加滾動條,這樣也不影響效果 建議大家做Skin時,記得在body里加 word-break: break-all; 這樣可以解決IE的框架被英文撐開的問題
說明: 設定或檢索物件內文字的字內換行行為。尤其在出現多種語言時。 對於中文,應該使用break-all 。 對應的指令碼特性為wordBreak。 示例: div {word-break : break-all; } 下面的是多瀏覽器支援CSS 容器內容超出(溢位)支援自動換行完美程式碼 <style type="text/css"> .linebr { clear: both; /* 清除左右浮動 */ width: 100px; /* 必須定義寬度 */ word-break: break-word; /* 文字行的任意字內斷開 */ word-wrap: break-word; /* IE */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP printers */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ }