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ä¸å°±é½è½æ£ç¡®æ¢è¡ï¼èä¸è¦æ³¨æï¼åè¯é´çç©ºæ ¼ä¸è½ç¨ æ¥ä»£æ¿ï¼ä¸ç¶ä¸è½æ£ç¡®æ¢è¡ã
温馨提示:答案为网友推荐,仅供参考