0

如何水平滚动文本区域？我搜索了它，但找不到一个好的解决方案。

我尝试了以下 css，但它不起作用。

overflow-x: scroll;

<textarea></textarea>
4

4 回答 4

6

将以下行添加到您的 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 */

演示小提琴

于 2013-10-10T09:57:42.987 回答
2

问题white-space: nowrap在于有意的换行符 ( \n) 也会停止工作。

一个更好的解决方案，至少在最后一个 Chrome 中有效的是

white-space: pre;

这可以防止换行（允许水平滚动）但\n会继续工作

于 2018-04-13T19:03:09.940 回答
0

试试这个：

textarea {
   overflow-x: vertical;
}
于 2013-10-10T09:58:22.047 回答
0

你做的有点不对。

overflow-x: scroll;

当文本高度超过限制时，将在文本区域内创建一个滚动条以滚动。

为此，CSS 子句是：

resize: vertical;

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

于 2013-10-10T09:58:28.560 回答