Html 四个项目的Flex容器对齐

我在flex容器中有四个项目，不幸的是，它们有一些问题

文本没有并排放置，购物车文本没有居中，即使它应该居中，当我使用谷歌翻译成法语时，div重叠了它旁边的按钮，而不是移动的按钮

在flex容器中是否有移动单个div的方法

.flex容器{
保证金：0；
/*屏幕间距*/
文本对齐：居中；
宽度：100%；
}

登录
运货马车

发布该部分和css的简化生成代码。为什么

.flex容器

有显示内联块？很抱歉，显示内联块出错。我现在把它取下来了。简化生成的代码是什么意思？要将所有4个元素放在中心位置，您需要另一个包含所有4个元素的flex容器。查看如何使用flex。@FrancisDuggan因为代码中可能有一些内容不需要重现问题，所以可以删除这些代码，以便更容易阅读。现在，您只有flex容器的css和html中4项中的2项。我们需要看到问题才能解决它