0

При проверки CSS на ошибки возникла проблема с валидацией -по неизвестной причине свойства flexbox не проходят проверку по стандарту CSS3 и возникают следующие ошибки

66 .block Value Error : display flex is not a display value : flex flex

67 .block Property flex-direction doesn't exist : column column

68 .block Property justify-content doesn't exist : center center

69 .block Property align-items doesn't exist : center center

Ниже приведен код, который не проходит валидацию по CSS3

.block{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
    margin:20px 0;
}

Как решить данную проблему?

1
  • 2
    Выбросьте этот валидатор и пишите свой код как вам это удобно.
    – MoloF
    27 мар 2020 в 8:45

1 ответ 1

2

Единственные ошибки которые я вижу, это отсутствие пробелов после : после align-items и margin. Также можно добавить вендорные префиксы:

display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 20px 0;

Если проблема сохранилась, напишите, пожалуйста, какой именно валидатор ее выдает

6
  • Виталий, к сожалению, Ваши советы не помогли решить проблемы валидации. Использую css-validator.org/validator Profile :CSS3 28 мар 2020 в 10:32
  • Не знаю, где вы откопали этот валидатор. Вот W3C валидатор показывает что ошибок нету jigsaw.w3.org/css-validator
    – vantal
    28 мар 2020 в 10:53
  • Понял. Спасибо Вам за помощь! 28 мар 2020 в 10:59
  • Если проблема решена, можете отметить мой ответ как правильный)
    – vantal
    28 мар 2020 в 11:02
  • Как это сделать ? 29 мар 2020 в 9:06

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.