美文网首页
uniapp display flex 布局形式;均衡布局

uniapp display flex 布局形式;均衡布局

作者: 可乐小子 | 来源:发表于2025-05-29 14:10 被阅读0次

.main-bg {
display: flex;
flex-direction: column;
height: 100vh;
background: linear-gradient(180deg, #BBD6FF 0%, #D0E4F9 6%, #E4EFFA 12%, #F6F7F8 28%, #F6F7F8 100%);
box-sizing: border-box;
}

.main {
flex: 1;
overflow-y: auto;
overflow-x: hidden;
display: flex;
flex-direction: column;
padding-top: 20rpx;
height: calc(100vh - headHeight -marginBottomHeight - v-bind(statusBar));
}

相关文章

  • flex兼容性写法

    一、flexbox布局(弹性布局) 1.指定flex布局 { display:flex;display: -web...

  • CSS弹性布局简单了解

    Flex是Flexible Box的缩写,意为“弹性布局”。 采用 Flex 布局(display: flex;)...

  • 小程序4——UI布局问题(持续更新)

    1、关于display:flex 多栏多列布局 小程序中推荐使用display:flex多栏布局,来简化页面布局 ...

  • CSS3

    #Flex布局display:flex; Flex布局,按照row行、col列进行布局排版,主要解决了响应式的问题...

  • CSS伸缩布局

    伸缩布局(弹性布局) display:flex 给谁添加了display:flex,谁就是伸缩容器 伸缩容器中的盒...

  • #flex布局(1)-父容器

    flex布局-父容器 Property #1: Display: Flex 给父容器设置display:flex ...

  • 2019-05-14 css mobx

    flex布局 只在flex布局中(display:flex)有效的属性(持续更新): justify-conten...

  • [2020-08-10]css3中的常用几种布局

    div的水平垂直居中 flex布局,使用display: flex实现水平垂直居中 grid布局 使用grid布局...

  • Flex布局

    flex布局前提条件--display: flex(react native 不用设置) 与flex布局相关的属性...

  • Flex布局相关属性

    定义display:flex或inline-flex开启子元素的Flex布局。 设置display: flex后,...

网友评论

      本文标题:uniapp display flex 布局形式;均衡布局

      本文链接:https://www.haomeiwen.com/subject/feldwjtx.html