我在MDN CSS主页上看到以下新闻:
Gecko对灵活方框的支持已经过调整,以符合最近的规范说明:从Firefox 23
::before
和::after
将是灵活项目,因此可以使用order
重新定位align-self
。
(2013年5月3日)
它指的是什么规格?
我在CSS Flexible Box Layout Module中找不到::before
/ ::after
的任何引用。
答案 0 :(得分:9)
这是在bug 867454中实施的。没有实现它是一个错误,正如评论#0所说。
spec说:
Flex容器的内容由零个或多个flex项组成:flex容器的每个in-flow子项成为flex项,并且直接包含在flex容器内的每个连续文本行都包含在匿名中flex项目。
这确实包括::before
/ ::after
伪元素(至少mozilla人现在用这种方式解释它,我同意)。
"Firefox 23 for developers"还提供此信息,明确将::before
和::after
称为“in-flow”。
in-flow :: after和::之前的伪元素现在是flex项目(bug 867454)。