HTML/CSS - 句与外界的div没有空格退出

Question

HTML：

<div> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 
</div> 

CSS：

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

DEMO：http://jsfiddle.net/B93XB/

问题：什么WO这是否是解决方案？

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

Answer 2

你可以使用CSS3？如果是的话，试试这个：

word-wrap: break-word; 

正如在这里看到：http://jsfiddle.net/B93XB/2/