Question

这是Firefox中的错误吗？

它在Chrome中看起来很好，或者如果我删除了n=1000 df=data.frame(time=1:n,y=runif(n)) window=100 for(i in 1:(n-window)) { flush.console() plot(df$time,df$y,type='l',xlim=c(i,i+window)) Sys.sleep(0.1) }，那么它也适用于Firefox。

n=1000
df=data.frame(time=0,y=runif(n))
window=100
for(i in 1:(n-window)) 
{

    **df$time[i] <- format(Sys.time(),"%X")**

    flush.console()
    plot(df$time,df$y,type='l',xlim=c(i,i+window))
    Sys.sleep(0.1)
}

columns: 2

codepen

Answer 1

很明显，Firefox和Chrome都会以混合中的columns属性呈现不同的布局。在Firefox中，columns会产生影响。在Chrome中，它没有。

Chrome似乎具有正确的实施方式。

columns属性应该对Flex容器没有影响。

来自flexbox规范：

3. Flex Containers: the flex and inline-flex display values

Flex容器不是块容器，因此有些属性   设计时假设块布局不适用于   柔性布局的上下文。特别是：


Multi-column Layout module中的column-*属性对Flex容器没有影响。

float和clear不会创建弹性项目的浮动或间隙，也不会使其脱离流动。

vertical-align对弹性项目没有影响。

我说它“显示” Chrome是正确的，因为从技术上讲，规范是说columns应该对Flex容器“没有影响”。但问题中的代码将columns应用于弹性项目。所以我想可以说这个规则不适用。

具有多列列属性的Flexbox，Firefox中的错误？

1 个答案: