從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

回答

相關問題