1

我需要创建一个带有聊天消息 A、B、C、D 的聊天容器框

  1. 一个
  2. C
  3. D

最新消息应始终添加到底部。

我用了

显示:弹性;flex-direction :列反向。

它会从底部显示,但最新消息会像这样添加到顶部

  1. D
  2. C
  3. 一个

如何实现这样

  1. 一个
  2. C
  3. D
4

1 回答 1

0

要将最新消息添加到底部尝试使用 display:flex;flex-direction:column;

这是查看其他 flex 属性的参考链接:[1]:https ://css-tricks.com/snippets/css/a-guide-to-flexbox/

于 2020-11-27T14:03:44.223 回答