Пограничная анимация контейнера без ширины растягивается ⇐ CSS

[Anonymous]

Я хочу, чтобы граница коробки имела медленно расширяющуюся анимацию при отображении значков, но кажется, что анимация недействительна, потому что ширина не установлена. С точки зрения бизнеса/пользовательского интерфейса, ширина не может быть установлена ​​здесь, потому что ширина ящика должна варьироваться в зависимости от количества внутренних элементов


icon_icon
Text Text Text Text Text


显示/隐藏


document.getElementById("button")
.addEventListener("click", function () {

let exist = document.getElementById("icon");
if (exist) {
exist.remove()
} else {
document.getElementById("box")
.insertAdjacentHTML('afterbegin', "icon_icon ")
}
});



Подробнее здесь: https://stackoverflow.com/questions/796 ... tched-open