嘴巴嘟嘟邢道荣 2021-12-13 13:35 采纳率: 76.1%
浏览 44
已结题

css3怎么让两个不一样高的盒子垂直居中呢？

img

代码部分

<body>
    <div class="father">
        <div class="son1"></div>
        <div class="son2"></div>
    </div>
</body>

 <style>
        .father {
            padding: 15px 20px;
            display: flex;
            border:1px solid black;
            max-width: 400px;
        }

        .son1 {
            width: 100px;
            height: 30px;
            background-color: red;
        }

        .son2 {
            width: 100px;
            height: 50px;
            background-color: rgb(0, 4, 255);
        }
    </style>
  • 写回答

1条回答 默认 最新

  • 枫沂 2021-12-13 13:37
    关注

    给“father”类添加flex布局，如有帮助请点采纳

    
```javascript
 display: flex;
  align-items: center;
  justify-content: center;

    ```

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

问题事件

  • 系统已结题 12月21日
  • 已采纳回答 12月13日
  • 创建了问题 12月13日

悬赏问题

  • ¥15 对于知识的学以致用的解释
  • ¥50 三种调度算法报错 有实例
  • ¥15 关于#python#的问题，请各位专家解答！
  • ¥200 询问：python实现大地主题正反算的程序设计，有偿
  • ¥15 smptlib使用465端口发送邮件失败
  • ¥200 总是报错，能帮助用python实现程序实现高斯正反算吗？有偿
  • ¥15 对于squad数据集的基于bert模型的微调
  • ¥15 为什么我运行这个网络会出现以下报错？CRNN神经网络
  • ¥20 steam下载游戏占用内存
  • ¥15 CST保存项目时失败