如何防止自动换行

Question

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

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

Answer 1

只需使用css属性

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

Answer 2

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

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

特殊div：

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

我认为这里是白色空间：pre;也可能有用。

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

Answer 3

使用以下样式

 white-space: nowrap