小编Noa*_*oah的帖子

CSS显示:flex align-items:基线在Firefox中不起作用

我无法在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.

css firefox css3 flexbox

5
推荐指数
1
解决办法
5554
查看次数

标签 统计

css ×1

css3 ×1

firefox ×1

flexbox ×1