Документация на дисплее: -webkit-inline-box;

Мне бы хотелось узнать больше о свойствах -webkit-inline-box, но я ничего не могу найти. Я пробовал обычные каналы w3c, google, css-tricks bug. Я ничего не придумываю. Я думаю, что это старый унаследованный код от flexbox.

Кто-нибудь знает подробности...

display: -webkit-inline-box;

Ответ 1

Я думаю, что это старый унаследованный код из flexbox.

Вы правы.

Гибкие ящики, определенные display: box и display: inline-box соответственно, были старыми воплощениями, которые теперь называются гибкими контейнерами (display: flex и display: inline-flex).

Они описаны в этой версии спецификации Flexbox, но она ничего не говорит об этих двух значениях display other чем

В CSS гибкие поля (часто называемые только как поля в этой спецификации) могут быть созданы путем установки свойства display. Блок-уровень может быть указан с полем "box", а встроенное поле может быть указано с использованием значения inline-box.

Все остальное описывается свойствами box-* в остальной части этого документа.

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