Javascript 在动态尺寸的包装div中,如何在最左侧、最右侧和绝对中心垂直对齐3个div?

Javascript 在动态尺寸的包装div中,如何在最左侧、最右侧和绝对中心垂直对齐3个div?,javascript,html,css,svelte,Javascript,Html,Css,Svelte,我是Svelte的新手,我非常喜欢它,在为我的项目设计顶部导航栏时,由于Svelte的JS DOM样式设计方法,我无法达到预期的效果。如果你能在这方面指导我就太好了 标记如下所示 VKYD 您可以使用上的flexbox轻松实现这一点。宽度限制: 。宽度限制{ 显示器:flex; 证明内容:之间的空间; 对齐项目:居中; } 图标汉堡 VKYD 图标商店 我不熟悉苗条,但通常,使用 display: flex; justify-content: space-between; 您可以在此处

我是Svelte的新手,我非常喜欢它,在为我的项目设计顶部导航栏时,由于Svelte的JS DOM样式设计方法,我无法达到预期的效果。如果你能在这方面指导我就太好了

标记如下所示


VKYD

您可以使用
上的
flexbox
轻松实现这一点。宽度限制

。宽度限制{
显示器:flex;
证明内容:之间的空间;
对齐项目:居中;
}

图标汉堡
VKYD
图标商店

我不熟悉苗条,但通常,使用

display: flex;
justify-content: space-between; 
您可以在此处查看该属性的快速演示(请参见页面底部):


希望这能帮助你

到目前为止,你用css做了哪些尝试?你应该把它贴出来。没问题啊哈;)请不要忘记验证答案。
display: flex;
justify-content: space-between;