Мне бы хотелось узнать больше о свойствах -webkit-inline-box, но я ничего не могу найти. Я пробовал обычные каналы w3c, google, css-tricks bug. Я ничего не придумываю. Я думаю, что это старый унаследованный код от flexbox.
Кто-нибудь знает подробности...
display: -webkit-inline-box;
?
Я думаю, что это старый унаследованный код из flexbox.
Вы правы.
Гибкие ящики, определенные display: box и display: inline-box соответственно, были старыми воплощениями, которые теперь называются гибкими контейнерами (display: flex и display: inline-flex).
Они описаны в этой версии спецификации Flexbox, но она ничего не говорит об этих двух значениях display other чем
В CSS гибкие поля (часто называемые только как поля в этой спецификации) могут быть созданы путем установки свойства display. Блок-уровень может быть указан с полем "box", а встроенное поле может быть указано с использованием значения inline-box.
Все остальное описывается свойствами box-* в остальной части этого документа.
Реализации и производственные сайты все еще существуют, которые используют старый код Flexbox, но само собой разумеется, что вам никогда не придется использовать их сегодня. Сосредоточьтесь на написании CSS в соответствии с последней спецификацией Flexbox, которая пользуется разумным поддержка современных браузеров и находится на пути к стандартизации.