html - flexbox 订单但从新行开始？

<分区>

我有这个 html 和 css。如何将菜单 A 内容推送到新行？在标题下方？

.root {
  display: flex;
}

.content {
  order: 2;
}

<div class="root">
  <div class="title">Menu A</div>
  <div class="content">Menu A content</div>

  <div class="title">Menu B</div>
</div>

最佳答案

.root {
  display: flex;
  display: -webkit-flex; 
  -webkit-flex-wrap: wrap; 
  flex-wrap: wrap;
}

.content {
  order:2;
  width:100%
}

<div class="root">
  <div class="title">Menu A</div>
  <div class="content">Menu A content</div>
  <div class="title">Menu B</div>
</div>

关于html - flexbox 订单但从新行开始？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49912419/

相关文章：

javascript - 显示从文件选择器中选择的图像的图像缩略图