来自div的溢出

Question

我有一个div，客户端将执行一些操作（使用JavaScript）将更改内容。有时这些内容会变得烦人。有一种“简单”的方法吗？我已经搞乱了CSS“溢出”属性，它可以正常工作，但我宁愿只有一个垂直滚动条，没有水平滚动条。

这也假设某些内容不包含空格（会产生正常效果）。

如果需要的话，我需要它将它分开到单词的中间。

示例：

I want the overflow to acti
vate even if it is in the m
iddle of a word.

谢谢，如果可以的话。这是我用 工作的一个jsFiddle：

http://jsfiddle.net/DalexL/znzk2/

Answer 1

overflow-y: auto
overflow-x: none

以及

word-wrap: break-word;

Answer 2

还有word-break

word-break: break-all;

目前支持有限，似乎只有IE9，Chrome，Safari，但hyphenate选项可能值得

word-break: hyphenate;

Answer 3

你试过设置div的宽度吗？并溢出到overflow:auto 我认为这应该有效。

Answer 4

如果你将html和body overflow设置为hidden，并且你的div高度为100％with overflow auto，那将无效。当它被告知要使用100％身高时，div将继续流出窗外。如果你想要溢出工作，它需要在某个点不超过身高的最大高度，这样就不会有任何隐藏。 http://jsfiddle.net/robx/XvcXC/1

编辑：所以我误解了你的问题，因为我第一次看到你的问题后似乎已经发生了变化。在此更新http://jsfiddle.net/robx/XvcXC/2/以打破长篇文字。