2013-02-12 22 views
1

我有一個textarea這樣的CSS類打破..添加行,沒有換行CSS

.expanderHTMLText{ 
    font: 12px Arial, Helvetica; 
    min-height: 50px; 
    white-space:nowrap; 
} 

我不想的話打破長字之間,但我希望文字填寫該框不能全部在滾動條的1行上。我想擺脫水平滾動,但不必打破詞語來做到這一點。我該如何做到這一點?

enter image description here

+0

如何將「寬度」添加到文本所在的容器中? – Vucko 2013-02-12 20:32:49

回答

2

刪除空白:NOWRAP;線,它不會在一條線上。

編輯: 誰投了我票?請給我一個解釋。

white-space:nowrap;明確定義,包裝將不會發生。如何包裝文本的唯一方法是刪除或更改此屬性。 白色空間屬性的默認值是正常的,除非它將包裹文本(摺疊空格),它與nowrap幾乎完全相同。

如果您不想將單詞(甚至是長單詞)分成多行,則需要添加單詞換行:normal;正如JSW189所建議的那樣。 但是,如果你的單詞不適合放在一行上,那麼你仍然會得到一個水平滾動條 - 但這很明顯,你要麼在多行上有單詞,要麼滾動條。

+0

我不認爲這是尼克要求的。這個問題說:「我確實希望文本填滿***,而不是全部在1行上,並帶有滾動條。」英語有點呃,但我認爲他說他不希望所有的文字都在一行上。使用'white-space:nowrap'會使文本全部在同一行上。見:http://jsfiddle.net/QJqYQ/2/ – JSW189 2013-02-12 21:31:15

+0

雖然也許尼克能爲我們澄清。 – JSW189 2013-02-12 21:35:40

+0

我不想要一個水平滾動條來顯示,但我也不想要這個詞打破 – 2013-02-12 21:39:28