如何防止div的內容開始新行

Question

我有一個寬度爲450px的div。我想要做的是，只要div的最大寬度達到，它就不會開始新的行。

舉例來說，如果我有這樣的代碼：

<div style="width:450px">this is my content</div> 

我所要的輸出是：

this is my content，如果我決定讓DIV現在60像素，輸出將是：

this i這意味着這個詞的其餘部分已經得到了削減，而不是一個新行是這樣的：

this 
is my 
content 

提前致謝！

Answer 1

以您的div風格使用overflow: hidden和white-space: nowrap。

<div id="divId">this is my content</div> 

而且在CSS部分

# divId { 
    width:450px; 
    overflow: hidden; 
    white-space: nowrap; 
} 

看看這個Fiddle

Answer 2

使用自動換行：打破字

<div id="divId">this is my content</div> 

# divId { 
width:450px; 
word-wrap:break-word; 
}