Html 如何在<;标题>;?
我有4个链接和1个img,顺序如下: 第一链路-第二链路-img-第三链路-第四链路 img居中,但链接不像img那样排列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
- 使用铬
- 看起来像这样
没有图像很难判断,但在
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;
}