如何防止div的内容开始新的一行

Question

我有一个宽度为450像素的div。我想要做的是，每当div的最大宽度达到时，它就不会开始换行。

例如，如果我有这段代码：

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

我希望输出为：

this is my content如果我决定将div设为60px，输出将为：

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

使用自动换行：break-word

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

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