Flexbox & Grid
用于控制单个项目如何同时对齐和对齐的实用工具。
类 | 样式 |
---|---|
place-self-auto | place-self: auto; |
place-self-start | place-self: start; |
place-self-end | place-self: end; |
place-self-center | place-self: center; |
place-self-stretch | place-self: stretch; |
使用 place-self-auto
根据容器的 place-items
属性的值对齐项目
使用 place-self-start
在两个轴上将项目对齐到起点
使用 place-self-center
在两个轴上将项目对齐到中心
使用 place-self-end
在两个轴上将项目对齐到末尾
使用 place-self-stretch
在两个轴上拉伸项目
前缀a place-self
工具类 带有一个像 md:
这样的断点变体,以便仅在中等 屏幕尺寸及以上应用该工具类
<div class="place-self-start md:place-self-end ..."> <!-- ... --></div>
在变体文档中了解有关使用变体的更多信息。