CSS 验证器无法识别 flex-wrap: wrap;

Question

我正在尝试在 w3c css 验证器上验证一个 css 文件。当它被测试时它 returns 一个错误指出 "Property flex-wrap- doesn't exist : wrap"。这是我 css 验证者认为错误的部分。

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

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

谢谢

Answer 1

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

上查看 documentation

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

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