css两个div如何竖着

下面是一个示例代码：

 <div class="wrapper">
    <div class="red">红色的</div>
    <div class="blue">蓝色的</div>
  </div>
  
  <style>
    .wrapper {
      display: flex;
      flex-direction: column;
    }
    
    .red {
      background-color: red;
      height: 100px;
    }
    
    .blue {
      background-color: blue;
      height: 100px;
    }
  </style> 

上面的代码中，两个

前端技术学习

也许前端能做的事情也有很多哦

发帖

与我相关

我的任务

分享

社区管理员:

暂无管理员

评论一个

节点最新文章:

• Vue3手动清理keep-alive组件缓存的方法详解
• Vue3定义全局变量的方式总结
• 利用Vue+ElementUi实现评论功能
• 如何使用Vue实现图片滤镜特效
• 如何使用Vue实现仿QQ好友列表特效
• 如何使用Vue实现烟花动画特效
• 如何使用Vue实现音乐播放器特效
• vue2和vue3双向绑定区别
• vue3的生命周期有哪些
• vue.js为什么报错
• vue.js怎么带参数跳转
• 在vue中使用@click.prevent方法后，页面未显示内容
• 将Vue数组转换为代理对象
• Vue.js中如何实现动态的:src？
• 如何在Vue中进行条件渲染