我想在我的网站导航左侧显示我的 Logo 图像。任何人都可以告诉我应该如何将它放入我的代码中,而不会将其他元素强制到下面的一行中:
http://jsfiddle.net/spadez/gMm2P/11/
我认为这与 in-line block
有关,但我不确定。我也不确定我的图像是否应该在列表中,或者是否应该在列表之外。任何帮助将不胜感激。
最佳答案
您可以通过以下两种方式完成此操作:
将此添加到您的 CSS:
.logo {
float: left;
}
或进行此添加/更改:
.logo {
position: absolute;
}
ul li {
display: inline;
padding-left: 30px;
}
padding-left
的值是足够的像素,因此它将链接完全推到 Logo 的右侧。在不知道您的 Logo 图像宽度的情况下,我不可能知道正确的值。
关于html - 将 Logo 与导航保持在同一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22619386/