Мобильная версияВысота таблицы не увеличивается при вводе длинных данных ⇐ CSS
-
Anonymous
Высота таблицы не увеличивается при вводе длинных данных
Я создал форму таблицы с полем ввода внутри столбца таблицы. Однако когда пользователь вводит длинные данные. Кажется, что поле ввода расширяется бесконечно, в результате чего данные, которые не соответствуют ширине столбца таблицы, скрываются.
Я попытался сделать поле ввода определенного столбца максимальной ширины и позволить полю ввода расширяться вертикально, а не горизонтально. Но, похоже, это не работает, и я собираюсь сдаться (но знаю, что не могу).
Возможным и идеальным решением является то, что поле ввода имеет фиксированную ширину, но с автоматической высотой, которая может разбить слово на новую строку, когда оно достигнет максимальной ширины. Столбец таблицы может переносить высоту поля ввода без изменения ширины столбца таблицы.
Я не знаю, как выполнить это требование. Но могу пообещать, что перепробовал много способов и сделал много ссылок в Интернете, прежде чем задать вопрос здесь.
Для получения дополнительной информации. Я новичок в этой области и сейчас учусь в колледже. Это небольшая часть моего проекта по созданию настоящего веб-сайта.
https://github.com/AnnaQian03/CVgeneration Это ссылка для загрузки моего zip-файла на случай, если профессионалам понадобится проверить мой CSS HTML JavaScript.
Я создал форму таблицы с полем ввода внутри столбца таблицы. Однако когда пользователь вводит длинные данные. Кажется, что поле ввода расширяется бесконечно, в результате чего данные, которые не соответствуют ширине столбца таблицы, скрываются.
Я попытался сделать поле ввода определенного столбца максимальной ширины и позволить полю ввода расширяться вертикально, а не горизонтально. Но, похоже, это не работает, и я собираюсь сдаться (но знаю, что не могу).
Возможным и идеальным решением является то, что поле ввода имеет фиксированную ширину, но с автоматической высотой, которая может разбить слово на новую строку, когда оно достигнет максимальной ширины. Столбец таблицы может переносить высоту поля ввода без изменения ширины столбца таблицы.
Я не знаю, как выполнить это требование. Но могу пообещать, что перепробовал много способов и сделал много ссылок в Интернете, прежде чем задать вопрос здесь.
Для получения дополнительной информации. Я новичок в этой области и сейчас учусь в колледже. Это небольшая часть моего проекта по созданию настоящего веб-сайта.
https://github.com/AnnaQian03/CVgeneration Это ссылка для загрузки моего zip-файла на случай, если профессионалам понадобится проверить мой CSS HTML JavaScript.
