如何防止自動換行

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

我想在這裏white-space：pre;也可能工作。

注意：它總是一個不使用內聯-css的好習慣。

Answer 3

使用下面的風格

white-space: nowrap