html - 如何强制 div 内容与 HTML 和 CSS 保持一致？

Question

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;
}

如何强制字符串保持在一行中(即在“溢出”的中间被切断)？

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

Answer 1

试试这个:

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