Определите 3 высоты и используйте изменение размера в CSS
У меня есть элемент div с resize:vertical
стиль на нем. Содержимое div генерируется, поэтому оно может быть пустым или заполненным. Элементу div нужна максимальная высота, поэтому высота увеличивается при добавлении новых элементов, но он ограничивает размер в 150 пикселей и делает прокрутку элемента div. Я мог бы легко сделать это с max-height
стиль, но если я хочу изменить его размер, он не работает.
Вторая идея, которую я имел, состояла в том, чтобы просто использовать height
стиль, но, делая это, div не регулирует свою высоту, если содержимое меньше 150px.
Есть ли способ сделать это без JavaScript?
1 ответ
Я не думаю, что это возможно без JavaScript, и даже если бы это было: для чего вы этого хотите? Пожалуйста, обратите внимание на поддержку браузераresize
!
(Что вы подразумеваете под "заполненным" - это делается с помощью PHP или JS? На самом деле, независимо от того, какой из них вы используете, вы можете проверить, есть ли какой-либо контент и, если да, добавить .empty
класс к div
)