⭕ place-content CSS Style Property

המאפיין place-content מאפשר לך ליישר תוכן הן לאורך הבלוק והן בכיוון המוטבע בבת אחת (כלומר המאפיינים יישור-תוכן והצדקת-תוכן) במערכת פריסה רלוונטית כגון Grid או Flexbox.

דוגמא: יישור תוכן בתוך גריד

Demo Panel:

CSS: 111

HTML: 222

Syntax:

Valid values:

center start, start center, end left, flex-start center, flex-end center, baseline center, first baseline space-evenly, baseline right, space-between space-evenly, space-around space-evenly, space-evenly stretch, stretch space-evenly
first baseline, last baseline, baseline, space-between, space-around, space-evenly, stretch, center, start, end, flex-start, flex-end, normal, ,

Js Syntax: element.style.placeContent

תאימות דפדפנים

place-content
הערך שנבדק	Chrome	Firefox	EdgeC	Opera
start center	✔️	✔️	✔️	✔️
center start	✔️	✔️	✔️	✔️
end left	✔️	✔️	✔️	✔️
flex-start center	✔️	✔️	✔️	✔️
flex-end center	✔️	✔️	✔️	✔️
baseline center	✔️	✔️	✔️	✔️
first baseline space-evenly	✔️	✔️	✔️	✔️
space-between space-evenly	✔️	✔️	✔️	✔️
space-around space-evenly	✔️	✔️	✔️	✔️
space-evenly stretch	✔️	✔️	✔️	✔️
stretch space-evenly	✔️	✔️	✔️	✔️
last baseline right	❌	✔️	❌	❌

תפריט ראשי

מאפייני CSS

⭕ place-content CSS Style Property

תאימות דפדפנים