只需微调 CSS:
.logo{
width: 100px;
display: inline-flex;
}
.logo img{
margin: auto 5px;
float: left;
width: 150px;
height: 38px;
}
这个有用吗?
这个解决方案对我有效,但是由于你没有提供完整的代码,我不知道它是否适用于你...
如果你想移动它,可以考虑将margin-left设置为0%,并根据需要设置margin-right。
你使用了margin-left的简写方式,但我们只使用margin的简写方式。你使用了margin-left: top right bottom left的方式,我认为程序可能无法正确读取。
尝试将float:left添加到 .logo,并将display:inline-block设置在你的h1上,如下所示:
*{
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, Sans-serif;
font-size: 34px
}
header{
background-image: url(../img/bar.png);
background-color: #00B9ED;
height: 75px;
border-bottom: 0px;
padding-left: auto;
padding-right: auto;
width: 100%;
}
.logo{
width: 100px;
float: left;
//display: inline-flex;
}
.logo img{
margin: auto 5px;
float: left;
width: 150px;
height: 38px;
}
h1 {
display: inline-block;
}
margin-left
属性无效。margin-left
只接受一个值,你可能想要使用margin
。另外,你希望它对齐在哪里?是在文本旁边吗? - Jack Guyfloat:left
和margin
,使用position: absolute; left: 0px;
并将标题设置为position: relative;
。 - Jack Guy