CSS样式控制超长文本在div,p等块级容器中的自动换行

引出问题的原因：当需要展示的文本过长，定义的div中不能在一行内显示完毕，需要页面展示此类文本时，能够根据文本长度自动换行

案列：

HTML代码：

  <div class="content"><p>11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</p>
  </div>

CSS代码：

.content {
  padding:5px 8px;
  word-break:break-all;
}

注：定义padding的左右边距不是必需的，如果没有此样式，浏览器会将文本顶着外部容器的边框部分开始换行，这里只是为了样式更美观。