Этот вопрос закрыт для ответов, так как повторяет вопрос Как сделать auto width для поля input?
thehighhomie
@thehighhomie

Динамическая ширина input в зависимости от value?

Добрый вечер! Подскажите рецепт, с помощью которого можно реализовать (если возможно) динамическую ширину input в зависимости от значений. Дело в том, что из за специфики дизайна я не могу задать фиксированную ширину, и попытки с inline-block, max-width: 100% не катят) я вроде как бы уже не новичек давно в верстке, но такую задачку так и не смог решить.

Ладно там с дизайном, мне теперь стало интересно как это сделать.

К примеру я делаю заголовок, который при клике изменить можно и сохранить, все без перезагрузки (естественно input).
У этого input минимальная ширина (с пустым value) 100px. Но когда я ввожу и сохраняю уже предложения, к примеру "Доброе утро Петрович!", но текст уходит за пределы input и получается обрезанным.

Как это можно реализовать?
  • Вопрос задан
  • 1019 просмотров
Ответы на вопрос 1
monochromer
@monochromer
DIVeloper
Если использовать JavaScript для отправки данных, то инпуты можно заменить на contenteditable
https://jsfiddle.net/do8Lq0u9/
Ответ написан
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы