css 将文本和图标对齐在一行中[重复]

tjrkku2a  于 2024-01-09  发布在  其他
关注(0)|答案(1)|浏览(106)

此问题在此处已有答案

Flexbox: center horizontally and vertically(14个答案)
昨天就关门了。
如何将Logoutlogout.svg对齐在一行中,以便当您将鼠标悬停在其上时可以正确显示?

.dropdown {
    position: absolute;
    min-width: 150px;
    background-color: yellow;
}
#row {
    display: flex;
}
#logout {
    height: 25px;
}
#element {
    display: block;
    padding: 14px;
    border-bottom: 1px solid #caced1;
}
#element:hover {
    background-color: white;
}

个字符
我试着将图标定位为绝对值,并为其添加边距,但没有成功。

r9f1avp5

r9f1avp51#

使用align-items: center;即可

.dropdown {
  position: absolute;
  min-width: 150px;
  background-color: yellow;
}

#row {
  display: flex;
  align-items: center;
}

#logout {
  height: 25px;
}

#element {
  display: block;
  padding: 14px;
  border-bottom: 1px solid #caced1;
}

#element:hover {
  background-color: white;
}

个字符

相关问题