စက်တင်ကိုင်း ဖြင့် ဖြောင်းလွှတ်ခြင်း အခြေ

定义和用法

place-content 属性用于弹性盒（flexbox）和网格（grid）布局，是以下属性的简写：

• align-content
• justify-content

如果 place-content 属性有两个值：

place-content: start center;

• align-content 属性的值为 'start'
• justify-content 属性的值为 'center'

如果 place-content 属性只有一个值：

place-content: end;

• 则 align-content 和 justify-content 属性的值均为 'end'

实例

例子 1

指定弹性行在弹性容器底部对齐，并水平方向使弹性项目之间的间距相等：

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

亲自试一试

例子 2：网格布局

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

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

亲自试一试

CSS 语法

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

属性值

နည်းပါး အချက်အလက်

ဘွတ် အကူအညီ

တခုခု ကျွန်ုပ် ပေါ်တွင် ဖော်ပြထား သော အချက်အလက်များ သည် ထို စနစ် ကို ပထမဆုံး အပြောင်းအလဲ ပြုလုပ် ပြီး အထူး လုပ်ဆောင် သည့် ဘွတ် အမှတ် ကို ကိုးကာ ပြသထားပါသည်。

လုပ်ဆောင် စာမျက်နှာ

အညွှန်း：CSS မြေပြင် စနစ်

အညွှန်း：CSS တူဆောင် စနစ်

参考：CSS align-content အချက်

参考：စက်ပိုင်းပြင်းတိုက်ရန် အကျယ်အဝန်း

参考：HTML DOM alignContent လိပ်