CSS的word-break属性用于设置文本在换行时的处理方式，它包括normal、break-all、keep-all、break-word等值。不过在标准规范中word-break并不是所有浏览器都支持的属性，而一些浏览器则需要加上-webkit-和-moz-等前缀才能生效。

p {
word-break: break-all; /* 标准规范 */ 
word-break: break-all; /* Safari和Chrome浏览器 */ 
word-break: break-all; /* Firefox浏览器 */
}

通过以上代码，我们可以让word-break属性兼容大部分主流浏览器。但需要注意的是，一些过时的浏览器可能会无法支持使用该属性特性。此时，我们可以通过JavaScript来检查浏览器版本并设置不同的CSS样式，以此来解决兼容性问题。

var ua = window.navigator.userAgent;
if (ua.indexOf("MSIE ") >-1 || ua.indexOf("Trident/") >-1 || ua.indexOf("Edge/") >-1) {
// IE/Edge浏览器处理方式
document.styleSheets[0].addRule("p", "word-break: normal;");
} else if (ua.indexOf("Firefox/") >-1) {
// Firefox浏览器处理方式
document.styleSheets[0].addRule("p", "word-break: break-word;");
} else if (ua.indexOf("Chrome/") >-1 || ua.indexOf("Safari/") >-1) {
// Chrome/Safari浏览器处理方式
document.styleSheets[0].addRule("p", "-webkit-word-break: break-all;");
document.styleSheets[0].addRule("p", "word-break: break-all;");
}

上述代码通过判断浏览器类型及其版本号来动态设置CSS样式，以此来解决word-break属性在不同浏览器中的兼容性问题。