您需要的是word-wrap: break-word;，此属性将强制非空格字符串在div内部断开
Demo

div {
   width: 20px;
   word-wrap: break-word;
}

我自己找到了这个解决办法。

word-break: break-all;

但对歌剧院不起作用。
http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_word-break

其他的答案在旧的浏览器上有一些问题，比如在Chrome 32之前。
最好使用以下代码：

/* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-word;
  word-break: break-word;

字符串
您还可以在单词断开处添加连字符 （如果支持）：

-ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

Source
一个二个一个一个

给予你的div一个id或类
那么

#divid
{
width: 30px;
word-wrap: break-word;
}

在IE 5.5+、Firefox 3.5+和WebKit浏览器（例如Chrome和Safari、Opera 10.5+）中支持自动换行。

像这样

**一个
中央支助组

div {
    width: 20px;
    word-wrap:break-word;
}

固定DIV的大小并应用“溢出：隐藏“，因此它不会影响所有NA的网格大小。

div{width: 40px;
overflow: hidden;}

是否需要查看整个文本？