justify-items

描述

justify-items 属性将网格布局的所有元素沿网格容器的线轴对齐。为了沿着网格容器列的轴对齐网格布局的所有元素，可以使用 align-items 属性。目前，如果元素不是布局网格元素（不位于父元素内部，父元素是块元素或小写网格容器），则 justify-items 属性不会对此类元素产生任何影响。

效果展示

语法

justify-items: legacy | stretch | center | start | end | baseline;

值

• legacy 使该值由框后代继承。请注意，如果后代具有 justify-self: auto 值，则后代不会考虑旧关键字，只会考虑与其关联的左值、右值或中心值。
• stretch 元素被拉伸以适合容器单元格的行。如果元素的组合大小小于对齐容器的大小，则所有具有自动大小的元素均等地（不按比例）增加，而 max-height / max-width 参数（或等效功能）施加的限制为观察，使组合尺寸准确地填充对齐容器。
• center 元素放置在每个容器单元的中间。
• start 元素沿着单元格的初始边缘放置。
• end 元素放置在单元格的末端边缘。
• baseline 元素位于其基线上。