如何水平滾動文本區域？

Question

如何水平滾動文本區域？我google了，但找不到一個好的解決方案。

我試過以下的CSS，但它不工作。

overflow-x: scroll; 

<textarea></textarea> 

Answer 1

以下行添加到您的CSS：

white-space: nowrap; /* will prevent the default wrapping of text to next line */ 
overflow-x: auto; /* will make horizontal scroll-bar appear only when needed */ 

Demo Fiddle

Answer 2

試試這個：

textarea { 
    overflow-x: vertical; 
} 

Answer 3

你這樣做是有點不對勁。

overflow-x: scroll; 

當文本高度超過限制時，將在textarea內創建滾動條以滾動。

爲此，CSS條款是：

resize: vertical; 

這將讓用戶垂直調整的元素。