如何强制 div 内容与 HTML 和 CSS 保持在同一行？

Question

我在 div 中有一个长文本，定义了 width ：

HTML:

 <div>Stack Overflow is the BEST!!!</div>

CSS：

 div {
    border: 1px solid black;
    width: 70px;
}

我怎样才能强制字符串保持在一行中（即，在“溢出”的中间被切断）？

我尝试使用 overflow: hidden ，但没有帮助。

原文由 Misha Moroshko 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

尝试这个：

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

原文由 Bazzz 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

使用 white-space:nowrap 和 overflow:hidden

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

原文由 anothershrubery 发布，翻译遵循 CC BY-SA 2.5 许可协议