陌丿尘16 2022-06-28 17:45 采纳率: 90.2%
浏览 40
已结题

关于前端弹性布局的问题

就是在前端中,比如我有一个div盒子,里面包含其他的div和ul,这个div的class叫做info,我在样式里给这个div写上 display: flex;,请问它实现的范围是这个div盒子里变成弹性布局吗?如果我这个div盒子自己也想居中,那么是不是也得把这个div外面包围着它的,也变成弹性布局呢?一直理解不了这块,多谢了

  • 写回答

4条回答 默认 最新

  • 虎子8 2022-06-28 18:54
    关注

    你说得是对的,动手验证一下即可,刚好今天写了一个示例,content 既是容器也是项目

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>Title</title>
      <style>
        html,body {
          padding: 0;
          margin: 0;
          height: 100%;
        }
        .root {
          display: flex;
          height: 100%;
          background-color: red;
        }
        .nav {
          width: 120px;
          background-color: blue;
        }
        .content {
          flex: 1;
          background-color: green;
          display: flex;
          align-items: center;
          justify-content: center;
        }
        .box {
          width: 120px;
          height: 120px;
          background-color: yellow;
        }
      </style>
    </head>
    <body>
    <div class="root">
      <div class="nav"></div>
      <div class="content">
        <div class="box">我是一个盒子</div>
      </div>
    </div>
    </body>
    </html>
    
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 7月6日
  • 已采纳回答 6月28日
  • 创建了问题 6月28日

悬赏问题

  • ¥15 Catia V5 R20 64位 安装过程中选择orbix配置创建套接字失败
  • ¥100 C51单片机设计交通灯时出现的问题
  • ¥15 R语言爬虫的时候元素和园代码不一样怎么解决呀
  • ¥15 VS2022多项目启动有问题
  • ¥15 SQL删除添加数据后序号不连续问题。
  • ¥15 首次运行OmniEvent运行报错
  • ¥15 有没有人知道这个问题怎么解决
  • ¥15 comsol电力电缆载流量仿真
  • ¥15 webSocket可以接TCP socket接口吗
  • ¥60 mpi并行出错,CFD++计算