CSS自动换行属性不支持具有任何特殊字符的单词

Question

FIDDLE

我试图实现自动换行取决于固定div内给出的空间，如果我们使用普通文本字符作为单词，它就完美无缺。如果一个单词有任何特殊字符，则将其作为空格。检查此小提琴（附上）以进行演示。 例如： - 其实我想要的是这个

AAAA%%%%AAAAAA AAAAAAAAAAAAAA 
A AA-aa&amb;adsd !212sad

但输出

AAAA%%%%
AAAAAA AAAAAAAAAAAAAA A AA-
aa&amb;adsd !212sad

HTML

<div class="diva">
    AAAA%%%%AAAAAA AAAAAAAAAAAAAA A AA-aa&amb;adsd !212sad
</div>

CSS
.diva {
    width:100px;
    word-wrap:break-word;
    -webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

为什么会发生这种情况有什么限制？