当p大于用户的屏幕时，我有一个<div>包含我想要的<p>（例如，用户故意发布一长串字符来打破页面布局），导致自动换行。
我现有的方法可行;将<div>的css设置为width: 97%，将<p>设置为word-wrap: break-word;但如果将图像放入超过宽度的div（高分辨率图像 - 扩展到位），则会产生不需要的结果，图像会延伸到柱子之外。我当然不想在overflow: hidden/scroll上设置<div>，因为这会遮挡图像。
有没有办法以解决这两个问题的方式触发word-wrap: break-word？或许是另一种基于CSS的解决方案？
答案 0 :(得分：0)
根据您对用户生成的内容的控制，您可以将样式应用于其图像（例如，对于包含用户内容的容器子项的所有img标记）。
假设您可以将自己的样式添加到图像中，您可以使用max-width执行某些操作。
答案 1 :(得分：-1)
环绕应该是默认行为，但请尝试将DIV的空白区域设置为正常
white-space:normal;