如何防止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; 
}