CSS3 word-break ÊôÐÔ

ʵÀý

ÔÚÇ¡µ±µÄ¶Ï×Öµã½øÐл»ÐУº

p.test {word-break:hyphenate;}

Ç××ÔÊÔÒ»ÊÔ

ä¯ÀÀÆ÷Ö§³Ö

IE Firefox Chrome Safari Opera

ËùÓÐÖ÷Á÷ä¯ÀÀÆ÷¶¼Ö§³Ö word-break ÊôÐÔ¡£

¶¨ÒåºÍÓ÷¨

word-break ÊôÐԹ涨×Ô¶¯»»ÐеĴ¦Àí·½·¨¡£

Ìáʾ£ºÍ¨¹ýʹÓà word-break ÊôÐÔ£¬¿ÉÒÔÈÃä¯ÀÀÆ÷ʵÏÖÔÚÈÎÒâλÖõĻ»ÐС£

ĬÈÏÖµ£º normal
¼Ì³ÐÐÔ£º yes
°æ±¾£º CSS3
JavaScript Óï·¨£º object.style.wordBreak="keep-all"

Óï·¨

word-break: normal|break-all|keep-all;
Öµ ÃèÊö
normal ʹÓÃä¯ÀÀÆ÷ĬÈϵĻ»ÐйæÔò¡£
break-all ÔÊÐíÔÚµ¥´ÊÄÚ»»ÐС£
keep-all Ö»ÄÜÔÚ°ë½Ç¿Õ¸ñ»òÁ¬×Ö·û´¦»»ÐС£
VUE