Javascript 在动态尺寸的包装div中,如何在最左侧、最右侧和绝对中心垂直对齐3个div?
我是Svelte的新手,我非常喜欢它,在为我的项目设计顶部导航栏时,由于Svelte的JS DOM样式设计方法,我无法达到预期的效果。如果你能在这方面指导我就太好了 标记如下所示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; 您可以在此处
VKYD
您可以使用上的flexbox
轻松实现这一点。宽度限制
:
。宽度限制{
显示器:flex;
证明内容:之间的空间;
对齐项目:居中;
}
图标汉堡
VKYD
图标商店
我不熟悉苗条,但通常,使用
display: flex;
justify-content: space-between;
您可以在此处查看该属性的快速演示(请参见页面底部):
希望这能帮助你 到目前为止,你用css做了哪些尝试?你应该把它贴出来。没问题啊哈;)请不要忘记验证答案。
display: flex;
justify-content: space-between;