Отображение длинного текста на панели без ползунка

#html #css #office-ui-fabric

#HTML #css #office-ui-fabric

Вопрос:

Как отобразить длинный текст на панели без ползунка? В настоящее время текст отображается следующим образом:

введите описание изображения здесь

Здесь пользователь должен переместить ползунок, чтобы увидеть оставшийся текст. Вместо этого, как я могу отобразить оставшийся текст в поле зрения?

Я попытался использовать textarea следующим образом:

 <textarea rows={5} cols={45}>{value}</textarea>
  

Это отображение дополнительного ползунка:

введите описание изображения здесь

Комментарии:

1. другой способ — назначить высоту и ширину текстовой области, и она сможет отображать весь текст. Но вам придется прокручивать, как только размер текста увеличится до определенного предела

Ответ №1:

max-width: 400px; max-height: 1000px; Попробуйте также resize: none; CSS, если вы хотите, чтобы текст не редактировался <textarea .. readonly></textarea>

Комментарии:

1. не сработало. Я не могу использовать только для чтения, а размер текстовой области можно изменять даже после добавления свойства resize: none;

2. @user3693060 Добавьте это в текстовую область CSS {высота: 500 пикселей;} или 600 пикселей просто сохраните и посмотрите