css 如何对齐元素内的多个项目

nvbavucw  于 2022-11-19  发布在  其他
关注(0)|答案(2)|浏览(117)

我想在一个元素中对齐不同的项目!我尝试给予元素一个flexbox并在其中调整项目本身!但它没有正确响应!列表项目应该对齐在一行中,左链接在左侧,右链接在右侧!徽标应该在中心!
第一个
//我也尝试了justify-items,但没有任何帮助!

xbp102n0

xbp102n01#

需要将flex属性应用于ul

ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

要使项目位于屏幕侧面和徽标中心,只需将标题设置为justify-content: space-between
以下是您需要更改的内容的完整列表

.header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
ncecgwcz

ncecgwcz2#

如果我没理解错的话,ul就是父节点,因为它是父节点,所以给它赋值display: flex

相关问题