justify-self
描述
justify-self 属性将单元格内的网格布局元素沿网格容器的线轴对齐。为了沿 grid-column 列的轴对齐单元格内的网格布局元素,可以使用 align-self 属性。 justify-self 属性会使用特定元素的 justify-items 属性覆盖为网格容器设置的对齐值。目前,如果元素不是布局网格元素(不位于父元素内部,父元素是块元素或小写网格容器),则 justify-self 属性不会对此类元素产生任何影响。
效果展示
语法
css
justify-self: auto | stretch | center | start | end | baseline;值
auto 元素继承其父容器的值。如果父容器不重要,则该值设置为 stretch。这是默认值。
stretch 该项目被拉伸以适合容器单元格的列大小。
center 该项目位于容器单元格的列的中心。
start 该元素位于单元的初始边缘。
end 该元素位于单元格的末端边缘。
baseline 该元素位于其基线上。
