Html 使用flex将div放置在另一个div之下

我想使用display flex将（标题、元数据和内容）放在photo div.旁边

Lorem ipsum dolor sit amet

2020年4月7日

Lorem ipsum dolor sit amet

您可以执行以下操作

• 将“title”、“meta”、“content”div放入包装器中

• 因此，“容器”内将有两个div

• 然后给“容器”指定

  display:flex

你的代码看起来像

Lorem ipsum dolor sit amet

2020年4月7日

Lorem ipsum dolor sit amet

Flexbox只需给父元素一个flex的显示即可实现。在您的例子中，父元素是容器类的div

Lorem ipsum dolor sit amet

2020年4月7日

Lorem ipsum dolor sit amet

将容器css设置为类似以下内容：

<style>
    .container{
        display:flex;
        flex-direction: column;
    }
</style>

.集装箱{
显示器：flex；
弯曲方向：立柱；
}

---

这里有一个很好的flex使用指南：

您能展示一下您的尝试吗？你卡在哪里了？.container{display:-ms-flexbox；display:flex；-ms-flex-wrap:wrap；flex-wrap:wrap；width:100%；}.photo、.title、.meta、.content{width:50%；}结果手机标题元内容无法编辑我的html，这个文件在网站上是通用的这是我能建议的最简单的方法，否则CSS会有变通方法。（）需要这种布局

<style>
    .container{
        display:flex;
        flex-direction: column;
    }
</style>