Hisia place-content

Kielewa na matumizi

place-content Ina-kuwa kazi ya kina cha kikwetu cha uharibifu (flexbox) na kikwetu cha jina (grid), ni uharibifu wa kadi zifuatazo:

place-content: start center;

place-content: end;

Tinga kiasi cha uharibifu kwenye chini cha kikwetu cha uharibifu, na kwenye ujauzito wa kijani kusababisha kushika kati ya kazi za uharibifu

#container {
  display: flex;
  place-content: end space-between;
}

块方向上的额外空间均匀分布在每个网格项目周围，且网格项目在行内方向上居中对齐：

#container {
  display: grid;
  place-content: space-around center;
}

place-content: normal|value|initial|inherit;

值	描述
normal	默认值。取决于布局上下文。等同于不为 align-content 和 justify-content 设置属性值。
stretch	网格：如果未设置大小，则网格项目会拉伸以填满网格容器。弹性盒：如果弹性项目在交叉轴上未指定大小，则会在交叉轴上拉伸以填满弹性容器。
start	将项目对齐到容器的开始位置。
end	将项目对齐到容器的结束位置。
center	将项目对齐到容器的中心位置。
space-between	在容器的两个轴上均匀分布可用空间，使项目之间的间距相等。
space-around	在容器的两个轴上均匀分布可用空间，使每个项目周围的间距相等。
space-evenly	Inasababisha kina kinachotumika kwa kifungu kina kinachotumika kwa kina kinachotumika kwa kifungu kinachotumika kwa kina kinachotumika kwa kifungu.
overflow-alignment	'safe'：Ikiwa kina kinachopita, inasikitisha thamani ya kusikitisha kwa 'start'. 'unsafe'：Inasikitisha thamani ya kusikitisha kwa uangalifu wa kina kinachopita kwa uangalifu wa kina kinachotumika.
initial	Inaingiza tabia hii kwa kawaida. Angalia initial。
inherit	Inaingia katika kifungu cha kina kwa kufaa kwa tabia hii. Angalia inherit。

Inayotumika kwa kawaida：	normal
Muungano wa mafanikio:	Hapana
Mafunzo ya mafunzo:	Hakuna mafanikio. Angalia：Inanamba za mafunzo。
Toleo：	CSS3
Inayotumika Kiingereza：	object.style.placeContent="end space-around"