CSS Grid - Почему «justify-items» неактивны, но работают? - PullRequest
Новая
       15

CSS Grid - Почему «justify-items» неактивны, но работают?

0 голосов
/ 27 ноября 2018

После экспериментов в течение достаточно долгого времени, чтобы достичь того, чего я хочу, я наконец-то получил его с justify-items: center; в .div с display: grid;

Однако причина, по которой я никогда не пробовал, заключалась в том, что если янапечатайте justify-items: center;, оно будет серым, как при вводе неверного синтаксиса.Я использую атом

Могу ли я игнорировать это?Я всегда предполагал, что неактивный код означает неправильный (или «неизвестный») синтаксис

Извините, если это действительно базовый вопрос, но я был сбит с толку, так как я только начал выходить на передний план неделю назад и ничего не нашелthis

Edit:

Выглядит так: 

.div {
  grid-column: 2/3;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-template-rows: auto;
  justify-items: center;
}

А в Atom justify-items: center; неактивен, но работает

1 Ответ

0 голосов
/ 27 ноября 2018

Это просто плагин подсветки синтаксиса css, который еще не завершен (есть даже запрос на добавление, чтобы добавить поддержку для этого https://github.com/atom/language-css/issues/131).

Не используйте подсветку синтаксиса как ссылку на то, что правильно и неправильно, это простоплагин для предоставления визуальных индикаторов, которые кто-то написал, чтобы помочь, а не ссылаться, вместо этого используйте правильные ссылки, такие как https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items, если сомневаетесь.

...