首页 > 技术文章 > CSS003. 盒子水平垂直居中简写属性(place-items)

97z4moon 2021-03-04 10:49 原文

place-items

构成属性

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

语法

/* 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;

 

 


 

MDN对 place-items 的描述

- END -

推荐阅读