gpt4 book ai didi

html - Flex-box 并排显示子 div

转载 作者:行者123 更新时间:2023-11-28 05:13:14 31 4
gpt4 key购买 nike

我有一个 .content-container div 设置为 display: flex 和子 div (.message- body, .message-action) 我想并排显示,.message-action div float 到右边。

以下是我的工作: https://codepen.io/anon/pen/ZRZKdZ

如您所见,.message-action div 似乎在 .message-body div 下方。

最佳答案

如果您希望它们并排放置,您需要在容器上使用 flex-direction:row 而不是 column(阅读 https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction有关此属性的更多信息)。

(同时移除 float:right)

更新笔:https://codepen.io/anon/pen/qKwjNa

关于html - Flex-box 并排显示子 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51163099/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com