как прокручивать область текста по горизонтали?

Question

Как прокручивать текстовую область по горизонтали? Я искал ее, но не нашел хорошего решения.

Я пробовал следующий 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; 

Создает полосу прокрутки внутри текстового поля для прокрутки, когда высота текста выше предела.

Для этого, раздел CSS является:

resize: vertical; 

Это позволит пользователю изменить размер элемента по вертикали.