根据列表的子项之一定位列表

  • 本文关键字:列表 定位 html css flexbox
  • 更新时间 :
  • 英文 :


我有一个nav,有3个孩子,第一个列表,一个图像和第二个列表,我想把图像居中,并在它周围有列表。我制作了一个顺风游乐场作为我在我的项目中使用它的可视化谢谢你的帮助

我试着在父母(nav)上使用justify-center,显然它不起作用,因为列表没有相同的大小,所以鸡蛋永远不会在中间。我试着给nav一个固定的宽度,并以自动边距X居中,我认为这是最好的解决方案,但我没有得到它的工作我试着用justify-center居中,然后在图像的div的大小的右边添加一个空白,但显然这是最愚蠢的尝试,因为我真的认为它会工作,它真的没有lol

尝试在nav上使用grid,就像:

nav {
display: grid;
grid-template-columns: 1fr 120px 1fr;
}

看看这是不是你想要的

最新更新