90 / 40 / 17
Регистрация: 24.10.2015
Сообщений: 574
|
|
1 | |
Ширина input в зависимости от содержимого23.05.2017, 19:01. Показов 47171. Ответов 7
Метки нет (Все метки)
Можно ли сделать чтоб ширина(width) input автоматически подстраивалась под длину строки от в среднем это будет 10 - 50 симвлов. Да можно конечно сделать сразу размер на макс 50 символов, но хочу чтоб все было компактно
0
|
23.05.2017, 19:01 | |
Ответы с готовыми решениями:
7
ширина pre в зависимости от содержимого Ширина контейнера в зависимости от содержимого Плавающая ширина блока div в зависимости от содержимого ширина блока в зависимости от его содержимого. как? |
dev - investigator
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
|
||||||
23.05.2017, 20:29 | 2 | |||||
rodigy,
0
|
90 / 40 / 17
Регистрация: 24.10.2015
Сообщений: 574
|
|
24.05.2017, 01:54 [ТС] | 3 |
А на css невозможно что ли??
0
|
dev - investigator
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
|
|
24.05.2017, 02:46 | 4 |
rodigy, сомневаюсь. CSS пока не дорос до обработки событий клавиатуры.
0
|
0 / 0 / 0
Регистрация: 24.05.2017
Сообщений: 1
|
|
24.05.2017, 08:35 | 5 |
Отличное решение, спасибо Вам большое! Подскажите пожалуйста - в зависимости от чего генерируется начальная ширина? Ну то есть там почему-то внутри инпута справа большой отступ остается даже при наборе текста
И можно ли сделать так, чтобы была минимальная ширина? Просто если начинать набирать текст, то активный инпут как-бы резко "схлапывается" до одного символа + этот непонятный отступ справа
0
|
dev - investigator
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
|
||||||
24.05.2017, 10:16 | 6 | |||||
Mag_Lenny, это очень хороший вопрос. Сам как-то искал. Так и не нашел. В спецификации пишется, что браузер использует при анализе и рендеринге какое-то правило, чтобы убедиться что все символы будут видны. ПРУФ. Может поэтому.
Добавлено через 49 минут rodigy, Mag_Lenny, нашел решение лучше
Но к сожалению, с атрибутами maxsize и size - опять пустое пространство после строки. Добавлено через 11 минут А если лишний плагин не в тягость, то есть отличное решение на jQuery =>ТЫК<=
0
|
90 / 40 / 17
Регистрация: 24.10.2015
Сообщений: 574
|
|
24.05.2017, 16:51 [ТС] | 7 |
Возможно предустановленные стили браузера, попробуйте сбросить
Добавлено через 14 минут Отступы появляются если удалять символы, т.к. на каждое нажатие клавиши( и backspace в том числе) ширина увеличивается, лучше использовать oninput Добавлено через 4 минуты и умножение на 7 лучше подходит нет нарастающей длины, но это уже от шрифта наверно зависит Добавлено через 1 минуту может позднее набросаю скрипт для начальной минимальной ширины без схлопывания
0
|
dev - investigator
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
|
||||||
24.05.2017, 21:56 | 8 | |||||
точно нет.
- точно зависит Вот работающий пример(наклеен div, меняем его ширину, с size'ом уже надоело играться. Толку никакого)
0
|
24.05.2017, 21:56 | |
24.05.2017, 21:56 | |
Помогаю со студенческими работами здесь
8
Тег input авто ширина по горизонтали в зависимости от контента Одинаковая ширина для полей input text & input password Одинаковая ширина для полей input text & input password Изменение input в зависимости от значения другого input-а Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |