Question

下面的css代码是我在尝试创建像mashable.com这样的固定标题时写的，但是我努力尝试似乎无法让logo.png显示边距：auto 19px; .Pleae帮助我和告诉我我做错了什么。我是html和css的初学者，所以请保持温和。我希望徽标和导航列表在一行中。

header{position:fixed;
   background:#333;
   height:128px;}

h1{    display:inline;
       float:left;
   background:url(images/logo.png) no-repeat;
       width:289px;height:47px;
       margin:
       text-indent:-9999px;}

nav {   

         height:26px;
         float:right;
     margin-top:19px;
     width:631px;}

nav ul li{
          display:inline;}

这是html：

<header>
    <h1>logo</h1>
    <nav>
        <ul>
            <li>Categories</li>
            <li>Search</li>
            <li>About me</li>
            <li>Contact me</li>                 
            <li>Social</li>
        </ul>
    </nav>
</header>

Answer 1

保证金自动仅适用于块元素，而不适用于内联元素。如果您希望徽标居中，那么在h1 css中更改2件事：

更改为display: block;
删除float: left;

显然也加上了保证金价值，但我认为这只是一个复制/粘贴错字。

如果无法在html中正确定位图像，该怎么办？

1 个答案: