2013-10-07 42 views
1

我有這個div:如何在新行中強制文本?

<div class="text"> 
    Thisismytextwontgoinanewparagraph 
</div> 

這個CSS:

.text 
{ 
    background-color:red; 
    width:100px; 
} 

As you can see in this JSFiddle,文雲股利之外。

有沒有辦法在CSS強制包裝的文本沒有空格(如超鏈接)?

+0

那麼你的問題有一個「新段」做什麼? –

+0

對不起,不知道怎麼說英文「新線」。也許只是「新行」;) – markzzz

+0

@DavidThomas:段落通常用換行符表示。 –

回答

4

你可以試試這個,但它是不是很漂亮:

.text 
{ 
    background-color:red; 
    width:100px; 
    word-wrap: break-word; 
} 

http://jsfiddle.net/esGEn/1/

+0

代碼在任意點處打斷字符串。這很少被接受,當然也不適用於URL(這就是「超鏈接」這個問題的意思)。 –

+0

因此,「但它不是很漂亮」 – dax

+0

您可以使用'white-space:nowrap'使某些元素牢不可破,就像在這個小提琴中一樣:http://jsfiddle.net/keaukraine/JsNgQ/ – keaukraine