CSS Validator 无法识别 flex-wrap : wrap;

Question

我正在尝试在 w3c css 验证器上验证一个 css 文件。当它被测试时，它返回一个错误，指出 “属性 flex-wrap- 不存在:wrap”。这是我 css 验证器认为错误的部分。

.row {
    width: 100%;
    display: flex;
    flex-wrap-: wrap;
}

有什么解决这个问题的建议吗？

谢谢

Answer 1

flex-wrap- 确实不存在...但是 flex-wrap 存在。参见 documentation在 Mozilla 开发者网络上

将您的 CSS 替换为以下内容:

.row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}