1. 首页
  2. 跨平台
  3. ReactNative
  4. 详解flex布局中flex grow与flex shrink的计算方式

详解flex布局中flex grow与flex shrink的计算方式

上传者: 2020-11-25 23:01:32上传 PDF文件 92.21KB 热度 17次
CSS 中的 Flex(弹性布局) 可以很灵活的控制网页的布局,其中决定 Flex 布局内项目宽度/高度的是三个属性: flex-basis, flex-grow, flex-shrink. flex-basis flex-basis 决定了项目占据主轴的空间,除非使用 box-sizing 进行设置,否则它将设置内容框的大小,因此当你指定一个flex项的大小时需要额外小心,因为它很肯能包含内边距与边框。 你可以为其指定一个具体的CSS尺寸值,也可以指定其占据父元素的百分比,它的默认值为 auto(根据内容自动调整大小) <!-- demo-1 --> <div
用户评论