word-break:break-all和word-wrap:break-word的区别
这篇讲的是两个极易混淆的CSS换行属性：word-break:break-all和word-wrap:break-word。作者从CSS学习需要经验积累的实际感受出发，深入剖析了这两个属性的渊源、定义以及核心差异。 关键的区别在于换行逻辑：break-all是“强制派”，它允许在任意字符处断行，即使把英文单词拆得七零八落；而break-word则是“谨慎派”，它优先寻找空格或CJK字符等自然断点，只有在一行文字完全无法容纳时，才在单词中间强行换行。这导致break-all的换行更彻底但可能破坏阅读，而break-word则可能产生参差不齐的留白。 文章还梳理了属性的演进历史（word-wrap在CSS3中更名为overflow-wrap）以及详细的浏览器兼容性数据，并提供了直观的在线Demo对比。最后，作者分享了“wbba（微博吧）和wwbw（我五百万）”的记忆技巧，帮助开发者在实战中快速区分和正确应用。
