HTML/CSS - div 外没有空格的句子

Question

HTML:

<div> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>

CSS:

div {
    width: 150px;
    border: 1px solid red
}

演示: http://jsfiddle.net/B93XB/

问题:解决这个问题的方法是什么？

Answer 1

添加word-break:break-all

同时添加display:inline-block

div {
    width: 150px;
    border: 1px solid red;
    background:red;
    word-break:break-all;
    display:inline-block
}

DEMO