Tcnm div
с такой вот разметкой:
.option__input {
font-size: 100%;
border: 0.075em solid black;
border-radius: 0.3em;
min-width: 7em;
max-width: 10em;
min-height: 1.5em;
line-height: 1.5em;
box-sizing: border-box;
white-space: normal;
word-break: break-all;
padding: 0 0.5em;
outline:none;
}
div{
display:inline-block;
}
<div>Другое</div>
<div class="option__input text text_input" contenteditable="true"></div>
Когда первый раз вводится текст, добавляется br
и немного увеличивает высоту.
Как можно от этого избавиться?
Изображение, до ввода текста:
Изображение, введен пробел:
В Chrome все работает, как надо. А вот в Firefox, происходит вышеописанное.
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Смотрите пример сразуНе знаю как сделать чтобы двигалась только стрелка
Недавно сделал сайт, и вроде бы все ничегоВот только объекты каталога (нажмите на кнопку чтобы он открылся) при просмотре с телефона проваливаются...
Помогите, пожалуйста, пытался сделать слайдер на HTML + CSS + JS, в итоге не работает
При клике на Panel меню слева наезжает и неудобно нажимать на кнопку panel + появляется меню от Catalog PanelА само меню не отображается