HTML + CSS：如何强制div内容保持在一行？ [英] HTML+CSS: How to force div contents to stay in one line?

问题描述

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

I have a long text inside a div with defined width:

HTML：

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

CSS：

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

如何强制字符串留在一行在溢出的中间）？

How could I force the string to stay in one line (i.e. to be cut in the middle of "Overflow") ?

我试图使用 overflow：hidden 帮助。

推荐答案

尝试：

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

这篇关于HTML + CSS：如何强制div内容保持在一行？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！