如何在 HTML 中自动换行？

Question

像 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 这样超出 --- 宽度的 div （比如 200px ）如何被包装？

我对任何类型的解决方案都持开放态度，例如 CSS、jQuery 等。

原文由 Satya Kalluri 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

尝试这个：

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

原文由 Alan Haggai Alavi 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

在 bootstrap 3 上，确保空白区域未设置为“nowrap”。

 div {
  width: 200px;
  word-break: break-all;
  white-space: normal;
}

原文由 lukaserat 发布，翻译遵循 CC BY-SA 3.0 许可协议