如何垂直对齐并浮动到边缘图像

Question

如何在nav标签内对齐图像并将其推到nav元素的边缘？

根据研究发现，我尝试使用vertical-align: middle和float，但它们对显示元素没有影响。

Codepen：https://codepen.io/centem/pen/BaajLZm

#company-name {
  float: left;
  vertical-align: middle;
}

.logo {
  float: right;
  vertical-align: middle;
}

img {
  height: 40px;
  vertical-align: middle;
}

Answer 1

您不需要垂直对齐。 “ nav”元素具有“ display：flex;”。 因此设置“ align-items：center;”放入“导航”元素的CSS。

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow get;
    }
  }
}