ion-row
的水平分量
看到 网格布局 为更多的信息。
行属性
默认情况下,列将被拉长以填充行的整个高度,并在必要时进行换行。可以向行添加几个属性来定制此行为。
财产 | 描述 |
---|---|
nowrap |
增加了
flex-wrap: nowrap
.将列强制为一行。 |
wrap-reverse |
增加了
flex-wrap: wrap-reverse
.列将反向换行。 |
align-items-start |
增加了
对齐项目:flex-start
.所有列将在顶部垂直对齐,除非它们指定自己的对齐方式。 |
align-items-center |
增加了
对齐项目:中心
.所有列将在中心垂直对齐,除非它们指定自己的对齐方式。 |
align-items-end |
增加了
对齐项目:flex-end
.所有列将在底部垂直对齐,除非它们指定自己的对齐方式。 |
align-items-stretch |
增加了
对齐项目:拉伸
.所有列将被拉伸以占据行的整个高度,除非它们指定自己的对齐方式。 |
align-items-baseline |
增加了
基线对齐项目:
.所有列将在基线上垂直对齐,除非它们指定自己的对齐方式。 |
justify-content-start |
增加了
justify-content:开始
.所有列将在开始时水平对齐。 |
justify-content-center |
增加了
justify-content:中心
.所有列将在中心水平对齐。 |
justify-content-end |
增加了
justify-content:结束
.所有列将在末尾水平对齐。 |
justify-content-around |
增加了
justify-content:空间
.所有列将水平对齐,周围的空间相等。 |
justify-content-between |
增加了
justify-content:之间的空间
.所有列将水平对齐与一半大小的空间在两端。 |