当flexbox处于活动状态时,哪些css规则被忽略?

当flexbox处于活动状态时,哪些css规则被忽略?,css,flexbox,Css,Flexbox,我如何配置flexbox以获得良好的回退?假设我有这个: .parent{ 显示器:flex; 柔性流:行换行; 宽度:320px; 边框:1px纯黑; } .儿童{ 文本对齐:居中; 弹性:1; 背景:DDD; } 1. 2. 3. 根据 Flex容器不是块容器,因此某些属性 设计时假设块布局不适用于 flex布局的上下文。特别是: 多列布局模块中的列-*属性对flex容器没有影响 对a没有影响,也不要让它停止流动。但是,该属性可以 仍然通过影响长方体来影响长方体的生成 属性的计算值 对

我如何配置flexbox以获得良好的回退?假设我有这个:

.parent{
显示器:flex;
柔性流:行换行;
宽度:320px;
边框:1px纯黑;
}
.儿童{
文本对齐:居中;
弹性:1;
背景:DDD;
}

1.
2.
3.
根据

Flex容器不是块容器,因此某些属性 设计时假设块布局不适用于 flex布局的上下文。特别是:

  • 多列布局模块中的
    列-*
    属性对flex容器没有影响

  • 对a没有影响,也不要让它停止流动。但是,该属性可以 仍然通过影响长方体来影响长方体的生成 属性的计算值

  • 对弹性项没有影响

  • and
    ::第一个字母
    伪元素不适用于,也不适用于 为他们的祖先贡献第一行或第一个字母

对于您的具体问题

  • 弹性项目宽度(假设水平流动):

    弹性项是或 属性,以主维度中的为准

    这将用作以下情况的假设:

    在上指定时,
    auto
    关键字检索 已使用的值

    否则,它将被忽略

  • 绝对定位的子对象不会 参与flex布局。但是,它确实参与了 (参见),这在他们的绘画中产生了影响 秩序

  • 相邻区域的边缘不会塌陷。自动边距 吸收相应尺寸中的额外空间,并可用于 对齐并将相邻的柔性项目分开;看

    上的百分比边距和填充始终是 根据其各自的尺寸确定;与积木不同,它们有 并非总是针对其包含的内联维度进行解析 街区

    注意:此行为是,并且可能会在 本规范的未来版本,以匹配块的行为


您需要在哪些浏览器上使用此功能?不早于ie8,但即使在该范围内,也有许多浏览器完全或根本不支持is。能否为较旧的浏览器提供单独的样式表。它的样式是旧的浮动和宽度。例如:
我可以,但我想了解当flexbox处于活动状态时,其他规则会发生什么情况这太棒了!我不完全理解当你有(例如)间隔时,保证金会发生什么。它们是完全被忽略还是以某种方式受到影响?@Vandervals
justify content
指定如何沿每行分发flex项目。从视觉上看,这看起来像是增加了利润,但这是一个独立的现象。然后,视觉利润会增加,但不会减少,对吗?@Vandervals是的。首先,弹性项是。那么。最后,这个问题。