DevShelf

Appearance

place-items ​

描述 ​

place-items 属性沿网格容器的列轴和行轴对齐网格布局的所有元素（这是 align-items 属性和 justify-items 的简写属性）。

效果展示 ​

语法 ​

css
/* Keyword values */
place-items: center;
place-items: normal start;

/* Positional alignment */
place-items: center normal;
place-items: start legacy;
place-items: end normal;
place-items: self-start legacy;
place-items: self-end normal;
place-items: flex-start legacy;
place-items: flex-end normal;

/* Baseline alignment */
place-items: baseline normal;
place-items: first baseline legacy;
place-items: last baseline normal;
place-items: stretch legacy;

/* Global values */
place-items: inherit;
place-items: initial;
place-items: revert;
place-items: revert-layer;
place-items: unset;

值 ​

  • <align-items> 有关值，请参阅align-items CSS 属性。
  • <justify-items> 有关值，请参阅 justify-items CSS 属性。