我无法在Chrome,Safari和Firefox之间创建一致的Flexbox.我在Chrome/Safari中使用的css非常棒,但Firefox无法使用.问题是当我尝试将容器元素定义为:
.container {
display: flex;
align-items: baseline;
}
Run Code Online (Sandbox Code Playgroud)
我的孩子元素在Chrome和Safari中正确对齐,但在Firefox中,它们在底部对齐,似乎对文本的位置没有多大影响.
UPDATE
好的,所以进一步调查,我相信问题是firefox与chrome和safari有不同的计算基线的方法.我基本上放弃了firefox并创建了条件css,这将align-items:flex-start在使用firefox时使用,否则使用baseline.