1ã强å¶ä¸æ¢è¡ï¼åæ¶ä»¥çç¥å·ç»å°¾ã
<div style="width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;" >
ä½ å¥½æåæåæåæ为ä»ä¹ä¸è½çå°ææå
</div>
2ãcssèªå¨æ¢è¡
div{ word-wrap: break-word; word-break: normal; }
3ãcss强å¶è±æåè¯æè¡
div{word-break:break-all;}
è¥æ¯divåµå¥ï¼è¦ä½¿å
å±divæ ¹æ®å
容èªå¨æ¢è¡ï¼åå¯åªè®¾ç½®å¤å±çdiv宽ï¼å white-spance:nowrapå³å¯ã
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æ´ä¸ªåè¯çæä¸ä¸ªæ´ä½ï¼å¦æ该è¡æ«ç«¯å®½åº¦ä¸å¤æ¾ç¤ºæ´ä¸ªåè¯ï¼å®ä¼èªå¨ææ´ä¸ªåè¯æ¾å°ä¸ä¸è¡ï¼èä¸ä¼æåè¯æªææçã
温馨提示:答案为网友推荐,仅供参考