用vue做个聊天对话界面，对话框里的样式布局要怎么写？

用vue做个聊天对话界面，对话框里的样式布局要怎么写？用flex里的justify-content：flex-end设置右边对话，单行可以生效，多行的时候不生效，限制宽高会跑到最左边。用float的设置右边对话，多行可以生效，单行对话对默认出现在中间。