Flex布局与w3c中的flex是否有差异

在w3c上父组件设置alignItems: 'flex-start',子flex元素就不会撑满父组件,而是由自己的内容决定撑开的高度,但是在ArkUI上设置了之后,子flex会在主轴上撑满父容器。

HarmonyOS
2024-05-23 23:20:50
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
koarla

在w3c标准中,flex组件主轴的默认大小是由子组件决定的,但是flex的align-items的默认值是stretch,也就是拉伸,因此在父flex组件不设置align-items时,子flex组件会在主轴上填满父组件,而当将父组件的align-items设置为其他值时,子flex组件由他自己的子组件决定主轴的大小了;在arkTs上,Flex组件主轴的默认大小是由父组件决定的,即在主轴方向上填满父组件,因此在不设置flex组件主轴大小的情况下,对齐方式alignItems是不会影响flex组件的主轴大小的,且arkTs中Flex组件的alignItems属性的默认值为ItemAlign.Start,因此将设置了ItemAlign.Start后,Flex组件仍然会在主轴上填满父组件。

分享
微博
QQ
微信
回复
2024-05-24 23:12:03
相关问题
HarmonyOS flex容器布局
2103浏览 • 2回复 待解决
如何优化Flex布局性能
1247浏览 • 1回复 待解决
HarmonyOS Flex 布局设置问题
1399浏览 • 1回复 待解决
HarmonyOS Flex布局如何设置最大行数
923浏览 • 1回复 待解决
Scroll内Flex加宽高滑动冲突
2727浏览 • 1回复 待解决
HarmonyOS Flex组件是否有间隔属性
858浏览 • 1回复 待解决
HarmonyOS flex居中
702浏览 • 1回复 待解决
HarmonyOS Flex 组件组合使用
512浏览 • 1回复 待解决