{"id":297,"date":"2013-01-14T23:21:58","date_gmt":"2013-01-14T15:21:58","guid":{"rendered":"http:\/\/lg.yusemo.com\/?p=297"},"modified":"2013-01-14T23:21:59","modified_gmt":"2013-01-14T15:21:59","slug":"word-break-word-wrap","status":"publish","type":"post","link":"https:\/\/lg.yusemo.com\/?p=297","title":{"rendered":"\u957f\u53e5\u82f1\u6587\u6362\u884c\uff1aword-wrap\u540cword-break\u7684\u533a\u522b"},"content":{"rendered":"<p style=\"text-align: center;\"><a title=\"\u957f\u53e5\u82f1\u8bed\u6362\u884c:word-wrap\u4e0eword-break\u533a\u522b\" href=\"http:\/\/lg.yusemo.com\/word-break-word-wrap\">word-wrap\u540cword-break\u7684\u533a\u522b<\/a><\/p>\n<p>\u672c\u6587\u5217\u4e3e\u4e86\u517c\u5bb9 IE \u548c FF(FireFox) \u7684\u6362\u884c CSS \u63a8\u8350\u6837\u5f0f\uff0c\u8be6\u7ec6\u4ecb\u7ecd\u4e86word-wrap\u540cword-break\u7684\u533a\u522b\u3002<\/p>\n<p>\u517c\u5bb9 IE \u548c FF \u7684\u6362\u884c CSS \u63a8\u8350\u6837\u5f0f<\/p>\n<p>\u6700\u597d\u7684\u65b9\u5f0f\u662f<\/p>\n<p>[code lang=&#8221;css&#8221;]word-wrap:break-word; overflow:hidden;[\/code]<\/p>\n<p>\u800c\u4e0d\u662f<\/p>\n<p>[code lang=&#8221;css&#8221;]word-wrap:break-word; word-break:break-all;[\/code]<\/p>\n<p>\u4e5f\u4e0d\u662f<\/p>\n<p>[code lang=&#8221;css&#8221;]word-wrap:break-word; overflow:auto;[\/code]<\/p>\n<p>\u5728 IE \u4e0b\u6ca1\u6709\u4efb\u4f55\u95ee\u9898\uff0c\u5728 FF \u4e0b\uff0c\u957f\u4e32\u82f1\u6587\u4f1a\u88ab\u906e\u4f4f\u8d85\u51fa\u7684\u5185\u5bb9\u3002<\/p>\n<p>word-wrap\u540cword-break\u7684\u533a\u522b<\/p>\n<p>word-wrap:<\/p>\n<p>normal\u3000 Default. Content exceeds the boundaries of its container.<\/p>\n<p>break-word Content wraps to next line, and a word-break occurs when necessary. \u5fc5\u8981\u65f6\u4f1a\u89e6\u53d1word-break\u3002<\/p>\n<p>word-break:<\/p>\n<p>normal\u3000 Default. Allows line breaking within words. \u597d\u50cf\u662f\u53ea\u5bf9Asian text\u8d77\u4f5c\u7528\u3002<\/p>\n<p>break-all Behaves the same as normal for Asian text, yet allows the line to break arbitrarily for non-Asian text. This value is suited to Asian text that contains some excerpts of non-Asian text.<\/p>\n<p>keep-all Does not allow word breaking for Chinese, Japanese, and Korean. Functions the same way as normal for all non-Asian languages. This value is optimized for text that includes small amounts of Chinese, Japanese, or Korean.<\/p>\n<p>\u603b\u7ed3\u5982\u4e0b\uff1a<\/p>\n<p>word-wrap\u662f\u63a7\u5236\u6362\u884c\u7684\u3002<\/p>\n<p>\u4f7f\u7528break-word\u65f6\uff0c\u662f\u5c06\u5f3a\u5236\u6362\u884c\u3002\u4e2d\u6587\u6ca1\u6709\u4efb\u4f55\u95ee\u9898\uff0c\u82f1\u6587\u8bed\u53e5\u4e5f\u6ca1\u95ee\u9898\u3002\u4f46\u662f\u5bf9\u4e8e\u957f\u4e32\u7684\u82f1\u6587\uff0c\u5c31\u4e0d\u8d77\u4f5c\u7528\u3002<\/p>\n<p>break-word\u662f\u63a7\u5236\u662f\u5426\u65ad\u8bcd\u7684\u3002<\/p>\n<p>normal\u662f\u9ed8\u8ba4\u60c5\u51b5\uff0c\u82f1\u6587\u5355\u8bcd\u4e0d\u88ab\u62c6\u5f00\u3002<\/p>\n<p>break-all\uff0c\u662f\u65ad\u5f00\u5355\u8bcd\u3002\u5728\u5355\u8bcd\u5230\u8fb9\u754c\u65f6\uff0c\u4e0b\u4e2a\u5b57\u6bcd\u81ea\u52a8\u5230\u4e0b\u4e00\u884c\u3002\u4e3b\u8981\u89e3\u51b3\u4e86\u957f\u4e32\u82f1\u6587\u7684\u95ee\u9898\u3002<\/p>\n<p>keep-all\uff0c\u662f\u6307Chinese, Japanese, and Korean\u4e0d\u65ad\u8bcd\u3002\u5373\u53ea\u7528\u6b64\u65f6\uff0c\u4e0d\u7528word-wrap\uff0c\u4e2d\u6587\u5c31\u4e0d\u4f1a\u6362\u884c\u4e86\u3002\uff08\u82f1\u6587\u8bed\u53e5\u6b63\u5e38\u3002\uff09<\/p>\n<p>ie\u4e0b\uff1a<\/p>\n<p>\u4f7f\u7528word-wrap:break-word;\u6240\u6709\u7684\u90fd\u6b63\u5e38\u3002<\/p>\n<p>ff\u4e0b\uff1a<\/p>\n<p>\u5982\u8fd92\u4e2a\u90fd\u4e0d\u7528\u7684\u8bdd\uff0c\u4e2d\u6587\u4e0d\u4f1a\u51fa\u4efb\u4f55\u95ee\u9898\u3002\u82f1\u6587\u8bed\u53e5\u4e5f\u4e0d\u4f1a\u51fa\u95ee\u9898\u3002\u4f46\u662f\uff0c\u957f\u4e32\u82f1\u6587\u4f1a\u51fa\u95ee\u9898\u3002<\/p>\n<p>\u4e3a\u4e86\u89e3\u51b3\u957f\u4e32\u82f1\u6587\uff0c\u4e00\u822c\u7528word-wrap:break-word;word-break:break-all;\u3002\u4f46\u662f\uff0c\u6b64\u65b9\u5f0f\u4f1a\u5bfc\u81f4\uff0c\u666e\u901a\u7684\u82f1\u6587\u8bed\u53e5\u4e2d\u7684\u5355\u8bcd\u4f1a\u88ab\u65ad\u5f00\uff08ie\u4e0b\u4e5f\u662f\uff09\u3002<\/p>\n<p>\u76ee\u524d\u4e3b\u8981\u7684\u95ee\u9898\u5b58\u5728\u4e8e \u957f\u4e32\u82f1\u6587 \u548c \u82f1\u6587\u5355\u8bcd\u88ab\u65ad\u5f00\u3002\u5176\u5b9e\u957f\u4e32\u82f1\u6587\u5c31\u662f\u4e00\u4e2a\u6bd4\u8f83\u957f\u7684\u5355\u8bcd\u800c\u5df2\u3002<\/p>\n<p>\u5373\u82f1\u6587\u5355\u8bcd\u5e94\u4e0d\u5e94\u8be5\u88ab\u65ad\u5f00\u90a3\uff1f\u90a3\u95ee\u9898\u5f88\u660e\u663e\u4e86\uff0c\u663e\u7136\u4e0d\u5e94\u8be5\u88ab\u65ad\u5f00\u4e86\u3002<\/p>\n<p>\u5bf9\u4e8e\u957f\u4e32\u82f1\u6587\uff0c\u5c31\u662f\u6076\u610f\u7684\u4e1c\u897f\uff0c\u81ea\u7136\u4e0d\u7528\u53bb\u7ba1\u4e86\u3002\u4f46\u662f\uff0c\u4e5f\u8981\u60f3\u4e9b\u529e\u6cd5\uff0c\u4e0d\u8ba9\u5b83\u628a\u5bb9\u5668\u6491\u5927\u3002<\/p>\n<p>\u7528\uff1aoverflow:auto; ie\u4e0b\uff0c\u957f\u4e32\u4f1a\u81ea\u52a8\u6298\u884c\u3002ff\u4e0b\uff0c\u957f\u4e32\u4f1a\u88ab\u906e\u76d6\u3002<\/p>\n<p>\u6240\u4ee5\uff0c\u7efc\u4e0a\uff0c\u6700\u597d\u7684\u65b9\u5f0f\u662fword-wrap:break-word;overflow:hidden;\u800c\u4e0d\u662fword-wrap:break-word;word-break:break-all;\u3002<\/p>\n<p>word-wrap:break-word;overflow:auto;\u5728ie\u4e0b\u6ca1\u6709\u4efb\u4f55\u95ee\u9898\u3002\u5728ff\u4e0b\uff0c\u957f\u4e32\u4f1a\u88ab\u906e\u4f4f\u90e8\u5206\u5185\u5bb9\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>word-wrap\u540cword-break\u7684\u533a\u522b \u672c\u6587\u5217\u4e3e\u4e86\u517c\u5bb9 IE \u548c FF(FireFox) \u7684\u6362\u884c CSS \u63a8\u8350\u6837\u5f0f\uff0c\u8be6\u7ec6\u4ecb\u7ecd\u4e86word-wrap\u540cword-break\u7684\u533a\u522b\u3002 \u517c\u5bb9 IE \u548c FF \u7684\u6362\u884c CSS \u63a8\u8350\u6837\u5f0f \u6700\u597d\u7684\u65b9\u5f0f\u662f [code lang=&#8221;css&#038;#8221&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[],"_links":{"self":[{"href":"https:\/\/lg.yusemo.com\/index.php?rest_route=\/wp\/v2\/posts\/297"}],"collection":[{"href":"https:\/\/lg.yusemo.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lg.yusemo.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lg.yusemo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lg.yusemo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=297"}],"version-history":[{"count":2,"href":"https:\/\/lg.yusemo.com\/index.php?rest_route=\/wp\/v2\/posts\/297\/revisions"}],"predecessor-version":[{"id":299,"href":"https:\/\/lg.yusemo.com\/index.php?rest_route=\/wp\/v2\/posts\/297\/revisions\/299"}],"wp:attachment":[{"href":"https:\/\/lg.yusemo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=297"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lg.yusemo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=297"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lg.yusemo.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}