如图  我希望达到的效果 CD01, MW13,CD02 能够将 `MW13` 进行换行显示,不要中间断行! 以上截图的 [codesandbox在线代码](https://link.segmentfault.com/?enc=ObPEdD0FurIjj06xR%2BWkmw%3D%3D.HCLxlRwI4sutxHnh758cqeiwXz9XDfbNOUbbsxSsmFqNTkFbkoy9v84v1H2V33wbfaYs%2FVzonP75g8NBhAJvVpNabNtgTeI2QZvgAWXwZNM1qChSujygH25CAufsuc30O0X3YdUSGKSwx9uItMFKogC5ayot0bF83FIcZHFMfgW6VUcP3gXsO%2Fh3DXQjSeXtuSnG7zjPv0I70lgGBRW%2FE79dpz%2Foubrq1XE6PulF%2FLY829dLZ8tZirXp4votL4DyZcFMRmFAN3fpj4%2FojGUDJbNBSlG0KaAhy%2FdCjWonEwFCCVN24MQUcMiw7ff7nv6NiRiEgrVhaE7qT87qIqi29nt7eap%2F1lbx5edT4km5GR6uf7jNLQIYPkpshjlR6Ex5ahTfruhtMbw6zS5NNnVkh1OJTx4ar3OWZES0azjw9GQd9W1oFR8v4YKOBBhJVDLGZQgWJy9OgfGzqGFy48ZIfFVenPEMsAFb2JCmvEcdpYJFFqq3%2BKSoprSReKvx6fsKXsJ4DyGKjyMT58yVjKq2mJWUN6HZQl0CY%2BIWbtDzaJOLGRmbpEGqre%2F1mVhi9CINXhHKk7otcpl2RTVtlzWenkpVw93Sog%2Ffcp1ZbHPdvooZovY1YsFjsZ0aVLjyyy7F%2F2S8d4tqt10BSmhMQPWqH0i25%2FNQoo41OhT7%2FghJY7Qe9D8DoTlBzS6I%2BMRHf9c2fcM922ss1utd3pHlhjChEkAMyBRKnWwoFVS4yh5m9pXVMHAsN5ac9ErA62RIq9EA4kh%2F6L2jpGr0%2FMCQ%2Bi9D9cUoFvp9Xdo3U%2FPdUCRYmpi4RnFiz7833F0dyZ%2BEPjp6OSBP6gl4bwmjbbDmcohLA9fIjzzg36hxVRdyzRG5W0cmzPUsRJc1gkAW08J3llhHt85HfkKlVjcLySMW1dLXbxNJkBpxREm6xeeMFGyDZwHhKvwbjKDzPx8FHbHMFSqFL24f6VR9PLJUgGefPPPtmsgquKVxlfxCrkIW8%2BBYoBttN13%2B6udpufLjU%2Fn0Yq6KJarsVcu8AelqOm%2BXoCnYo4Nx2zds743Q0BqCBDZRjKkB9IblPLygBshgp6GlFuUayV58VRV1yI0p4C5%2FzUIhdou33A%2Bp1B%2FIfK%2Bg8p%2F5lnu2qT%2BT9jFVG5%2FNCflIOMdMKcok%2FVZXjJFPndxxkremds5F%2BMivqm0%2BicauvDKswcqee52%2Brfkg6OGWtLcU5N78tPDsA2JP5U%2F5oI5dT9hjm9rKeuRXNsVLViN4GaeDGAIQ3v8ySKSCuaGb7s23paEVcHaqgF3nx6HiDoAT2AdU%2FLOzEy4Lln96M1H%2BQLZK5ctNY76IwwzzyAinQ%2BGftYFphtF1KpuzYEyeEj3zMstUEFmiZby1NEkLlJzNgQVQvrMBI2eg36gW8rwnBvi6XKrTX%2FrnXi7MNbfulk4IFeminfTJCdHX5BH6ExKbz%2FAuh5AbE2mlMBgpXHA52Su2lXh%2BqBKj54hmRnqzlUmYWKp22YDJ4sLAL69jOKMwgWv8Nl8Q5r4JqsD79h9Mcm%2Bc5ypJfYx33srKGFhSmOQqmDilBz5bcfxJWYJslZHjYi%2BJOIYwsq9n6pZFekgGS51lXG7o6am7hSnYT2jfCIomshGfGho9hVQZl6jKFn1F4LN1XKmLIOVglo1d452c3YDU5qcHpRgp7OMgsuxTfx0M8MffAUfxp44Bpi97NWSa0YiVwXlRqDawNhnoCE1R43bGBmo2wvxBzKmHlh1tC%2FkMwVrJBg%2BdZwxxyAEcWtY2uYRqkuMF%2F3Yf07kdO4KYWtEcXRdb7cgbO92RVqoSgCfv1pi5cP%2FwVfxEJYovul2fD2M95ex9Ef0GsIrKThSnYCL%2BlnPJeHZu65Xe%2BpnzVYfN%2F1k9nYLEOWDpNoStBxVwlpWpDJLrm0Gk8xi1ac7WbJRnBb98aXU4RrALTuqLcvhwbfYx0L2CpDkiRTWchaZmsLACnxOukSgJjceYqjT4ydf3BxO9ruwByt4R0CIq7jiDI0QVsi4LN4Y%2BQvySRflgLAxu1Df4N6H96ZeX%2BZk%2BLYGopxJjf5A04%2B1fNtNg7%2FP3hKXMC15U4Py2NsNXS3ochZ2nINgab8DE%2FRymcJlS6Qnm8bx5QDSndHYHQeHhHv0XrujmMrDtnMyoOSqIlT95b1Iu%2BtXCVp7kWn1pcUv8Nw10%2BUgoC4XYIjDMy8IFSy0fjvstwDC7dtPES2n61znScPgHMJlbI8nFyErFpW0cWi60JwKFAHtTsS4MEsSsM29hw%2FnKLrFTQvK0SpoyQ2t8Ohi8vHJuSCxnVzfjHgxp6GVc40F1rbXyrIFDhOwDq%2BVaGwz5NOVNFbkivPVm%2FZvG5ow2wo7vsnNbNKYfFQH2f0s231ccQV9fPupizHKZvnfdYA9RlioNhIk6FOSuWZc0DUK6gcLi7TwILdHwDAxB6OTUTWU7Gt0qEaDtbogjWO34mPczX2xFg0UX2ueLdN8w3LfWoFlORwQeogxk6c9gRkEtziV3tjH6nOu58CUrS9VzowScQanL3o3xLKlhzBeeDnr7JY8oynSIpaWCfIau7lAmvefz0Y9QE7WG%2BJm%2BsK3OLd6SlsdJIZ9spMoZdsFIpP0SSZiJq4wwlOrpX9o46KwqF6tNtbRrMwjepDX%2F4VBwjKQpjfwUvOavlEf6VY776m%2BqsRiRMCffdxAZDsufetoPYM34zI0NSU8uPFwejbw9NLAtfuhycCpvqhzeDiT7zrVB4XOhRyd0ZkREBQ0bmeX55HVgQeJMmHr%2F4jm31oOZR3eRU8Ri5efEscbeJbO5el89ZEQLvpXptNK11kWDjWodd89LKBO2AzaTW%2F2jNNQlSTIOMoeETieTbUx%2F84Pbpeaf0P8YdaWN4LXDX53%2BKzobNtvTyAbK9xszpoUORHnGRgTdR0%2FNrjcz6LEbqFEm%2Fj%2BqucLDC3lMO5YUDRotZnvWqECvIcxPsXdLI2eol1bThkWkUYBh1klI0zdyuEPD0qcQIV7BPBxuXvni1ATFmfmeH6EhSBj06oMJL3e1qcEbmEmV%2BbtP2V10I2hsGj3QKmAIWrYbRLuR4fdoXHPOHIyzIBmBBMUM2ycAzYW70arDEyIODPAWkMnYgjBC4HmES4R%2FwiL%2Br%2BWUBHFjRfBw3dDmu60pvxjzY0wDIm%2BS%2BBoWZABPpZqruKB1MsKNIj9%2B%2Fl5BmLfax7edzbUh%2BrTIOJ5NDJWTCNc%2Fo2BK%2FTw6cof6dtF9Vr7zfOP3mq1dxH13rJ0pmzI1S374OEpf%2B4Oh52F1KgMNPYlyE5mfImK5XDOYcmjJqozbZi%2FrEr2fKMJQaJNx8oaUGN9Yc2aP%2BDod79g2NN4SlLarXH3ar32NNtF4iEdwnwolqBoaHUySNlt8V%2Faxc8UnRj2ny%2BxvA7hDUazhXtiJjzg8RUCZDPaUaPu%2BhBH7JHqDlEP%2BpKVj21xbv7sq1vhK3KtN4HlaXJW3TdCDmq9gBpXYMrzglvLz7CY2NgTp2si5JGRvrdkv8KNRn3%2FMuTiVzUZ9hxmtOaFcbGQNfeaUaevdUHgx61DgiY0prUYpCu1pJYfFZIOxLvBQ%2FzTs0ueLI3si6hLqIIh5LrGqSKXgtKx3YJnlXiQIntt8mqH%2FEXEOdYVvr8q0%2FKb%2F35ecFHelmhLHiq4yFSYUN4J%2BAZR3dIttqurla0QsJ0S9jC3c4xWDQIH0yMdBWfeYQ80T0XQv3W0uH56FdUXahRiUXv5fJhNXgkECSVTmZkpaUMgwzPZ3rYk2tnPMiNQk5ZL0u0NABp6vDdGUMZp9HYJgx2j%2BFTHY92cxVOBMMsbL7EskIZcW8P1fqT0Op08f27XmbsZhGAtiBmhJr3%2BTckYwjh6eLgdBTkEXq6JKFWbiI9reDXaDhp2otWJIhmK2aE6JMw8zB9RY5kOgiYjXxHHlnhkTxe5symB5hhhFDkbXRqKeGIMDbS9HZn%2BvSaUBGMxI7lCsu14uLWK3CoK3N2xijkCC046nPKlSCScGNXOuu3IPPiBSROQwXIXyvdsNkYGATNKEVcd03AWSOcqhTZ6SVJVzRXcPTSwyh0VBosBwAvb1BcaDKp924R9kjzIXJyjGrYD%2B84xii1XfHc41CEMdkpX88ey7tWC3rkMFCj62T%2BxqsW8CtygvbJ4ch81oA%2BT7sgDoAK97jfbumPbmsfEGmHOiP2lWzvak29uG9udR2JSg4nntqKURHciKK6WuPg25HH6lFSbD3Lkx00tyHU8w2r0dfOincWf2U72n2Ybh%2FsIrwfSnVt9zs8CypBkBCwjTbcWFKzz7pEkunMay8eOJn5rGmltqX1mn%2F0nD9yNp0n46piqy5sMqg9YKF%2BCLbPhnWK5AiVuHCzrbSIW0RgVmC82a%2FYNaiREOqsPoIKkyRNltZLpMWG%2Bq6F1mGfl6efNNsRdmt%2B9qIO7%2FZhqft6htv89G%2BBXv7X6Epfap8JRyzMYiY4pZoKdY8cm9TCkqBwz0RQF9S%2BIYQraOEvsxxBWVRgcR%2FSTeMz9x88XzlwE%2FgX9q76pCd4lOfUlMeObfv4j94HR7ieReMn1M2EfIlI2AwXgPSHywDYfCCb7OK51nBZijgt12xEDT0gRc%2F9V3jf9d292smloADrizfjY8zVztIkuLrvYlun1L6EjWFBkO6WhmD8PzT0FI0Jk6YZ7sKs%2BrsZynmlB%2F7uEUfLVMoP9XAnTW4Qw97%2BaGPfCXcv7tUm95H3SQCaQ%2FQxzr2mIbqFyhXEGqoe0p%2Fj6%2Fw1A085CFkpOrnrYw62vldd1NctloOxse11uDaoHl0VwV3S01u6C1a%2BU%3D),可以在4-里面进行在线更改 非在线例子的纯代码 cyd1-0110-01 --> CD01,MW13,CD02 --> 中英文混合amcy 但是英文不换行 1-默认css就是 CD01,MW13,CD02 2-纯英文默认不换行 CD01,MW13,CD02 3-纯英文加上 overflow-wrap: break-word; 才触发换行 但是这个会导致连续的单词字母也换行了 CD01,MW13,CD02 4- export default { name: "App", components: {}, data: function () { return {}; }, computed: {}, watch: {}, created() {}, mounted() {}, methods: {}, }; .wrap { border: 1px solid #000; margin-bottom: 10px; &-1 { width: 100px; } &-2 { width: 70px; } &-3 { width: 70px; overflow-wrap: break-word; } &-4 { width: 70px; word-wrap: break-word; word-break: keep-all; } }