Skip to content

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 该元素位于其基线上。