如何水平滚动文本区域？

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; 

这将让用户垂直调整的元素。