从div溢出

我有一个div，客户端将执行一些操作（使用JavaScript）将更改内容。有时候这些内容会变得很烦人。有没有“简单”的方法来做到这一点？我弄乱了CSS“Overflow”属性，它工作正常，但我宁愿只有一个垂直滚动条，没有水平滚动条。从div溢出

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

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

例子：如果你能

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

感谢。下面是一个什么样的jsfiddle我工作种：

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

来源

2011-05-13 FreeSnow

overflow-y: auto 
overflow-x: none

也

word-wrap: break-word;

来源

2011-05-13 17:44:36 Kasturi

这是有帮助的，是不值得什么尽管我需要。我添加了一个编辑。 – FreeSnow 2011-05-13 17:47:29

我相应地编辑了我的问题.... word-wrap是需要的css – Kasturi 2011-05-13 17:48:10

完美！非常感谢。我会在7分钟内接受这个答案！ – FreeSnow 2011-05-13 17:50:14

你试过设置div的宽度？其溢出到overflow:auto 我认为这应该工作。

来源

2011-05-13 17:47:45 jjennifer

如果您将html和body overflow设置为隐藏，并且您的div高度为100％且溢出自动，则不起作用。当被告知使用身体的100％高度时，div将不断流出窗外。如果你想让溢出工作，它需要在不超过身高的某个点上有一个最大高度，这样就不会有任何东西被隐藏起来。 http://jsfiddle.net/robx/XvcXC/1

编辑：所以我误解了你的问题，因为自从我第一次看到你的问题后，似乎有什么改变。此处更新为http://jsfiddle.net/robx/XvcXC/2/以打破长长的文字。

来源

2011-05-13 17:52:31 robx

有一点我的朋友:)不幸的是，Kasturi击败你，所以我不能给你一个“接受的答案”。 – FreeSnow 2011-05-13 18:04:03

没问题。但请注意，如果您的div元素超出身高，问题仍然存在，那么使用100％高度的div溢出将会被隐藏。 – robx 2011-05-13 18:06:36

kk，我会记住这一点;） – FreeSnow 2011-05-13 18:09:25

这里还有word-break

word-break: break-all;

目前的支持是有限的，虽然，似乎是IE9，Chrome浏览器，只有Safari浏览器，但可以为hyphenate选项

word-break: hyphenate;

来源

2011-05-13 17:52:55 MikeM

回答

相关问题