Skip to content

Latest commit

 

History

History
44 lines (33 loc) · 1.05 KB

3.6.0. place-items.md

File metadata and controls

44 lines (33 loc) · 1.05 KB

3.6.0. place-items

CSS 中的 place-items 是一个简写属性 , 它允许你在相关的布局(如 Grid 或 Flexbox)中可以同时沿着块级和内联方向对齐元素 (例如:align-items 和 justify-items 属性) 。 如果未提供第二个值,则第一个值作为第二个值的默认值

该属性是以下两个 CSS 属性的简写:

  • align-items
  • justify-items
/* Keyword values */
place-items: auto center;
place-items: normal start;

/* Positional alignment */
place-items: center normal;
place-items: start auto;
place-items: end normal;
place-items: self-start auto;
place-items: self-end normal;
place-items: flex-start auto;
place-items: flex-end normal;
place-items: left auto;
place-items: right normal;

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

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

参考