显示的文档:-webkit-inline-box;

时间:2014-02-12 15:45:47

标签: html css css3 google-chrome flexbox

我想了解有关-webkit-inline-box属性的更多详细信息,但我似乎无法在任何地方找到任何内容。我尝试了w3c,google,css-tricks bug的正常渠道我没想出任何东西。我认为它是来自flexbox的旧的继承代码。

有谁知道......的细节。

display: -webkit-inline-box;

1 个答案:

答案 0 :(得分:15)

  

我认为它是来自flexbox的旧的继承代码。

你是对的。

分别由display: boxdisplay: inline-box定义的灵活方框是现在称为弹性容器(display: flexdisplay: inline-flex)的旧版本。

this version of the Flexbox spec中描述了它们,但除了

之外,它没有说明这两个display
  

在CSS中,可以通过设置'display'属性来创建灵活的框(通常仅称为本规范中的框)。可以使用值'box'指定块级框,并使用内联框的值指定内联框。

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

仍然存在使用旧的Flexbox代码的实现和生产站点,但不言而喻,您今天永远不必使用它们。专注于根据the latest Flexbox spec编写CSS,它享有reasonable support by modern browsers并且正在进行标准化。