Css “；显示：flex”；“内部”；“列计数”；在Firefox中呈现单列&；即

我需要有一个两列的布局和两列内每个colunn再次。我在Chrome和Safari上使用了以下代码，但在Firefox和IE中只使用了一列：

我做错了什么

。两列{
列数：2；
dt，
dd{
破门而入：避免；
内柱断裂：避免；
}
}
dl.name-value{
显示器：flex；
柔性包装：包装；
证明内容：之间的空间；
dt{
右侧填充：0.5雷姆；
宽度：40%；
文本对齐：右对齐；
}
dd{
宽度：60%；
左边距：自动；
}
}

送奶工
喝牛奶的人
邮递员
有职位的人
马尼拉纸
一个有ila的男人
外行
丈夫

我注意到的第一件事是CSS

dl.name值

选择器与HTML

元素不匹配。在所有浏览器检查器中，CSS代码都不会显示出来

我检查了引号，但没问题。有时，从文字处理器（如MS word）复制的引号在CSS中无效

我检查了与SCS、HTML定义列表（

）、CSS特性及其组合相关的问题。没有什么。我还用纯CSS运行了代码。还是没什么

我检查了

display:flex

是否在中无效。但事实证明，声明中的任何内容都不匹配。下面是一个背景色为

的示例：


。两列{
列数：2；
}
dl.name-value{
背景颜色：绿色；
高度：500px；
/*显示器：flex；
柔性包装：包装；
证明内容：之间的空间*/
}
dt{
右侧填充：0.5雷姆；
宽度：40%；
文本对齐：右对齐；
}
dd{
宽度：60%；
左边距：自动；
}
dt，
dd{
破门而入：避免；
内柱断裂：避免；
}

送奶工
喝牛奶的人
邮递员
有职位的人
马尼拉纸
一个有ila的男人
外行
丈夫
回答得很好。我想到了“针”和“干草堆”这两个词。回答得很好！我理解你的尖刻肯定让人感觉很好，但你把一个真正的问题变成了一个关于错误角色的问题。