展示的文档：-webkit-inline-box；答案

【问题标题】：documentation on display: -webkit-inline-box;展示的文档：-webkit-inline-box；
【发布时间】：2014-03-11 01:22:08
【问题描述】：

我很想了解有关 -webkit-inline-box 属性的更多详细信息，但我似乎在任何地方都找不到任何东西。我尝试了 w3c、google、css-tricks 错误的正常渠道，我没有想出任何东西。我认为这是从 flexbox 继承的旧代码。

有谁知道...的详细信息

display: -webkit-inline-box;

【问题讨论】：

根据这个reference.sitepoint.com/css/moz-inline-box它现在是内联块我认为webkit是一样的
@Huangism：那是-moz-inline-box 的一个更古老的化身，可能是在inline-block 还没有标准化的时候。没有其他供应商实现了类似的东西——他们直接为inline-block 开枪（当时WebKit 仍然是KHTML）。显然 -moz-inline-box 后来被回收用于旧的 flexbox 规范之一，大概与 -webkit-inline-box 所指的相同。

【解决方案1】：

我认为这是从 flexbox 继承的旧代码。

你是对的。

分别由display: box 和display: inline-box 定义的弹性盒子是现在称为弹性容器（display: flex 和display: inline-flex）的旧版本。

它们在this version of the Flexbox spec 中有所描述，但除了

在 CSS 中，可以通过设置“display”属性来创建灵活的盒子（在本规范中通常仅称为盒子）。块级盒子可以用'box'的值来指定，而行内盒子可以用inline-box的值来指定。

该文档其余部分的 box-* 属性描述了其他所有内容。

仍然存在使用旧 flexbox 代码的实现和生产站点，但不用说，您现在永远不必使用它们。专注于根据the latest Flexbox spec 编写CSS，享受reasonable support by modern browsers 并正在标准化。

【讨论】：

奇怪的是刚刚遇到这个问题，认为它是你所说的 flex，但是当我应用 flex 或 inline-flex 时，它的行为方式与使用 -webkit-inline-box 的方式不同很奇怪。