¡¡¡¡
Ç¿ÖÆ²»»»ÐÐ
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Ïàͬ¡£¶ÔÓÚÖÐÎÄ£¬º«ÎÄ£¬ÈÕÎÄ£¬²»ÔÊÐí×Ö¶Ï¿ª¡£Êʺϰüº¬ÉÙÁ¿ÑÇÖÞÎı¾µÄ·ÇÑÇÖÞÎı¾ÓëÖ®¼äµÄ¸ß¶È½â¾ö°ì·¨
============================================
Ó¢ÎIJ»»»ÐÐ
CSSÀï¼ÓÉÏ word-break: break-all; ÎÊÌâ½â¾ö¡£Õâ¸öÎÊÌâÖ»ÓÐIE²ÅÓУ¬ÔÚFFϲâÊÔ,FF¿ÉÒÔ×Ô¼º¼Ó¹ö¶¯Ìõ£¬ÕâÑùÒ²²»Ó°ÏìЧ¹û
½¨Òé´ó¼Ò×öSkinʱ£¬¼ÇµÃÔÚbodyÀï¼Ó word-break: break-all; ÕâÑù¿ÉÒÔ½â¾öIEµÄ¿ò¼Ü±»Ó¢ÎijſªµÄÎÊÌâ
ÒÔÏÂÒýÓÃword-breakµÄ˵Ã÷, ×¢Òâword-break ÊÇIE5+רÓÐÊôÐÔ
Óï·¨£º
word-break : normal | break-all | keep-all
²ÎÊý£º
normal : ¡¡ÒÀÕÕÑÇÖÞÓïÑԺͷÇÑÇÖÞÓïÑÔµÄÎı¾¹æÔò£¬ÔÊÐíÔÚ×ÖÄÚ»»ÐÐ
break-all : ¡¡¸ÃÐÐΪÓëÑÇÖÞÓïÑÔµÄnormalÏàͬ¡£Ò²ÔÊÐí·ÇÑÇÖÞÓïÑÔÎı¾ÐеÄÈÎÒâ×ÖÄÚ¶Ï¿ª¡£¸ÃÖµÊʺϰüº¬Ò»Ð©·ÇÑÇÖÞÎı¾µÄÑÇÖÞÎı¾
keep-all : ¡¡ÓëËùÓзÇÑÇÖÞÓïÑÔµÄnormalÏàͬ¡£¶ÔÓÚÖÐÎÄ£¬º«ÎÄ£¬ÈÕÎÄ£¬²»ÔÊÐí×Ö¶Ï¿ª¡£Êʺϰüº¬ÉÙÁ¿ÑÇÖÞÎı¾µÄ·ÇÑÇÖÞÎı¾
˵Ã÷£º
ÉèÖûò¼ìË÷¶ÔÏóÄÚÎı¾µÄ×ÖÄÚ»»ÐÐÐÐΪ¡£ÓÈÆäÔÚ³öÏÖ¶àÖÖÓïÑÔʱ¡£
¶ÔÓÚÖÐÎÄ£¬Ó¦¸ÃʹÓÃbreak-all ¡£
¶ÔÓ¦µÄ½Å±¾ÌØÐÔΪwordBreak¡£Çë²ÎÔÄÎÒ±àдµÄÆäËûÊéÄ¿¡£
ʾÀý£º
div {word-break : break-all; }