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

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

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

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

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

Как это можно реализовать?
  • Вопрос задан
  • 1161 просмотр
Подписаться 1 Простой 4 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Ответы на вопрос 1
monochromer
@monochromer
DIVeloper
Если использовать JavaScript для отправки данных, то инпуты можно заменить на contenteditable
https://jsfiddle.net/do8Lq0u9/
Ответ написан
Ваш ответ на вопрос

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

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