在标题导航栏中垂直居中
这个问题在这里已经有了答案：
正如j08691（和其他人）所提到的，您要查找的属性是vertical-align:middle 。
但是需要注意的一点是：您必须记住默认情况下图像和其旁边的锚点标记都具有vertical-align:baseline - 意思是，如果您只将其中的一个垂直居中，则其基线将垂直对齐兄弟元素，而不是其中间。 （根据你应用哪一个元素，这可能会引起对齐问题的恶化。）
以下是您将需要修改/添加的样式块：
a[href="#top"] {
margin-left: 100px;
vertical-align: middle;
}
#header img {
vertical-align: middle;
}
#header nav {
display: inline;
}
#header {
background: #5D6D63;
padding: 28px 0 26px;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
}
#header nav ul {
float: right;
margin: 0px;
margin-right: 100px;
}
li {
list-style-type: none;
float: left;
margin-left: 46px;
}
a[href^="#"] {
color: #fff;
font-size: 20px;
font-weight: bold;
letter-spacing: -1px;
text-decoration: none
}
a[href="#top"] {
margin-left: 100px;
vertical-align: middle;
}
#header img {
vertical-align: middle;
}<header id="header">
<a href="#top">Name</a>
<a href="https://github.com/">
<img src="assets/imgs/GitHub-Mark-Light-64px.png" alt="GitHub" height="24" width="24">
</a>
<nav id="navbar">
<ul>
<li><a href="#">Link 1</a>
</li>
<li><a href="#">Link 2</a>
</li>
<li><a href="#">Link 3</a>
</li>
</ul>
</nav>
</header> 因为内联元素的默认垂直对齐方式是baseline并且您希望middle 。 因此，添加一条规则，如：
img {
vertical-align:middle;
}
#header nav{
display:inline;
}
#header {
background: #5D6D63;
padding: 28px 0 26px;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
}
#header nav ul {
float: right;
margin: 0px;
margin-right: 100px;
}
li {
list-style-type: none;
float: left;
margin-left: 46px;
}
a[href^="#"]{
color: #fff;
font-size: 20px;
font-weight: bold;
letter-spacing: -1px;
text-decoration: none
}
a[href="#top"] {
margin-left:100px;
}
img {
vertical-align:middle;
} <header id="header">
<a href="#top">Name</a>
<a href="https://github.com/">
<img src="http://www.uoyabause.org/images/logos/GitHub-Mark-Light-64px.png" alt="GitHub" height="24" width="24">
</a>
<nav id="navbar">
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</nav>
</header>使图像Verticla对齐：添加Css像这样：
a img{
vertical-align:middle
}