我需要创建一个带有聊天消息 A、B、C、D 的聊天容器框
- 一个
- 乙
- C
- D
最新消息应始终添加到底部。
我用了
显示:弹性;flex-direction :列反向。
它会从底部显示,但最新消息会像这样添加到顶部
- D
- C
- 乙
- 一个
如何实现这样
- 一个
- 乙
- C
- D
要将最新消息添加到底部尝试使用
display:flex;flex-direction:column;
这是查看其他 flex 属性的参考链接:[1]:https ://css-tricks.com/snippets/css/a-guide-to-flexbox/