css - 导航栏图像不会垂直对齐 (CSS)

标签 css alignment vertical-alignment navbar

我想在我的导航栏中包含一些社交媒体图标,但它们拒绝与我的导航栏的其余部分垂直对齐。

这是一个 JSFiddle所有 div 周围都有红色边框,因此您可以很容易地看到问题所在。出于某种原因,这两个社交媒体图标与它们所属的 ul 的其余部分不在同一级别。

有什么建议吗?

最佳答案

避免使用填充百分比和图像的特定宽度,它们仍然是百分比。以像素为单位分配宽度以使其固定。

.navbar img {
    width: 20px;
    height: 20px;
    /*padding: 0 2% 0 2%;*/
}

这是更新的 JSFiddle

关于css - 导航栏图像不会垂直对齐 (CSS),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35104576/

相关文章:

html - 表格单元格垂直对齐的默认值

html - 大型菜单超出窗口

html - 显示 : flex; inconsistently displaying elements

html - 我的图片不在左边菜单下面

html - 如何在将元素保留在一列中的同时对齐左侧的元素?

html - 无法让 HTML 文本在响应式布局的 div 内部居中

javascript - 如何使 css 宽度在 firefox 中工作

svg - SVG 中文本元素的垂直对齐方式

css - 对齐 ="center"在 Firefox 和 IE 中不起作用

css - 如何将文本 div 完美地放置在图像 div 旁边,而不用文本环绕它?