触发换行: CSS中的换行

Question

我有一个包含<p>的<div>，当p比用户的屏幕大时(例如，用户故意发布一个长字符串来打破页面布局)，我想在这个wrap中导致自动换行。

我目前使用的方法运行良好；将<div>的css设置为width: 97%，<p>设置为word-wrap: break-word；但如果将图像放入超过宽度的div (高分辨率图像-在适当位置展开)，图像就会扩展到帖子之外。当然，我不想在<div>上设置overflow: hidden/scroll，因为那样会模糊图像。

有没有办法触发word-wrap: break-word来解决这两个问题呢？或者是另一个基于CSS的解决方案？

Answer 1

根据您对用户生成的内容的控制，您可以将样式应用于它们的图像(例如，应用于保存用户内容的容器的子容器的所有img标记)。

假设您可以将自己的样式添加到他们的图像中，那么您也许可以使用max-width来做一些事情。

Answer 2

换行应该是默认行为，但请尝试将DIV的空白设置为正常

white-space:normal;

http://www.w3schools.com/css/pr_text_white-space.asp