Html 如何在<;标题>;?

Html 如何在<;标题>;?,html,css,Html,Css,我有4个链接和1个img,顺序如下: 第一链路-第二链路-img-第三链路-第四链路 img居中,但链接不像img那样排列 使用铬 看起来像这样 HTML 没有图像很难判断,但在a上使用vertical align:top,您可以使用margin top从那里调整链接,因为: header nav { display: inline-block; padding-top: 25px; padding-bottom: 25px; padding-right: 5

我有4个链接和1个img,顺序如下:

第一链路-第二链路-img-第三链路-第四链路

img居中,但链接不像img那样排列

  • 使用铬

  • 看起来像这样

HTML


没有图像很难判断,但在
a
上使用
vertical align:top
,您可以使用
margin top
从那里调整链接,因为:

header nav {
    display: inline-block;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 50px; <-- This
    padding-left: 50px; <-- This
}
小提琴:


如果这回答了你的问题,请投票并将其标记为答案。

我不确定你的意思;他们在这里排得很好:你在使用什么浏览器?你是说垂直吗?使用页边空白顶部是不必要的。。。垂直对齐:中间应该用在图像上。伙计们,非常感谢你们,在你们的帮助下,我发现解决方案不是在链接上居中,而是将图像居中{垂直对齐:中间;}我喜欢结果,我不是-1
* { 
    padding: 0;
    margin: 0;
}

header {
    text-align: center;
    letter-spacing: 1px;
    background: #2c3e50;
    color: #fff;
}

header nav {
    display: inline-block;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 50px;
    padding-left: 50px;
}

a {
    text-decoration: none;
    color: #fff;
}
header nav {
    display: inline-block;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 50px; <-- This
    padding-left: 50px; <-- This
}
img {
     vertical-align: middle;
}