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