在CSS部分中，使用white-space: nowrap;。

尝试设置一个高度，这样块就不能增长到容纳你的文本，并保持overflow: hidden参数。

下面是一个例子，如果你需要显示两行高，你可能会喜欢:

div {
    border: 1px solid black;
    width: 70px;
    height: 2.2em;
    overflow: hidden;
}

把这个添加到你的div:

white-space: nowrap;

http://jsfiddle.net/NXchy/1/

试试这个:

div {
    border: 1px solid black;
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
}

使用white-space:nowrap和overflow:hidden

http://jsfiddle.net/NXchy/8/

试试吧。它使用pre而不是nowrap，因为我假设你想让它类似于<pre>运行，但两者都可以工作:

div {
    border: 1px solid black;
    max-width: 70px;
    white-space: pre;
}

http://jsfiddle.net/NXchy/11/

我做了一把小提琴:

http://jsfiddle.net/audetwebdesign/kh4aR/

RobAgar指出了空白:nowrap。

这里有几件事:你需要overflow: hidden如果你不想看到额外的字符伸出到你的布局中。

同样，如前所述，你可以使用white-space: pre(参见EnderMB)，记住pre不会折叠空白，而white-space: nowrap会。

之前的答案对我都没用。

有些情况下，不管你做什么，取决于系统(Oracle Designer: Oracle 11g - PL/SQL)， div总是会转到下一行，在这种情况下，你应该使用span标记。

这对我产生了奇效。

<span float: left; white-space: nowrap; overflow: hidden; onmouseover="rollOverImageSectionFiveThreeOne(this)">
    <input type="radio" id="radio4" name="p_verify_type" value="SomeValue"  />
</span> 
Just Your Text || 
<span id="headerFiveThreeOneHelpText" float: left; white-space: nowrap; overflow: hidden;></span>

div { 宽度:100 px; 空白:nowrap;} 溢出:隐藏; 文本溢出:省略; ｝ <div>Stack Overflow是最好的!!< / div >

div {
    display: flex;
    flex-direction: row;
}

是对我有效的解决方法。在使用div列表的某些情况下，这是必需的。

一些可供选择的方向值是行反向、列反向、列反向、未设置、初始值和继承。做你期望他们做的事。

在span中需要添加: {显示:块;｝

跨度{ 宽度:70 px; 边框:1px纯黑色; 显示:块; 溢出:隐藏; 空白:nowrap;} 文本溢出:省略; ｝ 堆栈溢出是最好的!!< / sapn >