html - 如何防止自动换行

Question

我有一个 200px 宽度的 div 和一些文本，如果文本长度超过 200px，我应该如何防止自动换行？

<div style="overflow:hidden; width:200px;">
   Long text
</div>

score 3 · Accepted Answer

只需使用 css 属性

<div style="overflow:hidden; width:200px; white-space:nowrap">
   Long text
</div>

score 0 · Accepted Answer

您可以通过以下代码实现此目的：

div{
     overflow:hidden;
     width:200px;
      white-space:nowrap;
}

对于特定的 div：

div#id{
        overflow:hidden;
        width:200px;
        white-space:nowrap;
}

我认为这里 white-space:pre; 也可能工作。

注意：不使用 inline-css 始终是一个好习惯。

score 0 · Accepted Answer

0

使用以下样式

 white-space: nowrap

于 2013-08-26T11:44:50.987 回答

3 回答 3