html - 将一个 div 放在另一个 div 下面

标签 html css

如果我有:

<div>content1</div>
<div>content2</div>

如何使用 css 将它们显示为:

content2
content1

谢谢。

最佳答案

您可以使用order 属性以视觉方式重新排列元素

.wrapper {
  display: flex;
  flex-direction: column;
}

.wrapper div:first-child {
  order: 2;
}
<div class="wrapper">
  <div>content1</div>
  <div>content2</div>
</div>

关于html - 将一个 div 放在另一个 div 下面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50055418/

相关文章:

javascript - 如果输入字段已填充,则删除父类

css - html div float 和显示

html - 将表格宽度设置为 100%,没有表格布局 : fixed

javascript - 如何使用css动画和 Angular 一个一个淡入淡出?

html - 类名等于标签名

html - 由于某种原因,我的导航菜单没有完全居中

javascript - 从 MuiCollapse-wrapper 中删除显示 flex 属性

javascript - 根据浏览器更改类中的元素

javascript - AngularJS 将 html 附加到 dom 元素

javascript - 多元素轮播