place-items

Шорткат для выравнивания грид-элемента по обеим осям.

Время чтения: меньше 5 мин

Кратко

Скопировано

Шорткат для указания значений сразу и для align-items и для justify-items. Указывать нужно именно в таком порядке.

Пример

Скопировано
        
          
          .container {  display: grid;  place-items: stretch end;}
          .container {
  display: grid;
  place-items: stretch end;
}

        
        
          
        
      

Как пишется

Скопировано

Пишутся два доступных значения для свойств align-items и justify-items, разделённые пробелом.

Подсказки

Скопировано
Поддержка в браузерах:
  • Chrome 66, поддерживается
  • Edge 79, поддерживается
  • Firefox 76, поддерживается
  • Safari 12.1, поддерживается
О Baseline