0

我会把网站名称放在这个标题的中间，但不幸的是我做不到，我尝试了很多组合，但我就是做不到。我发一下源码

CSS

.header {
    background-color:#00B9ED;
    height:50px;
    border-bottom:0px;
    padding-left:auto;
    padding-right:auto;
    width:100%;
}

#wrapper {
    margin-left:auto;
    margin-right:auto;
    width:1000px;
    padding-top:0px;
    padding-bottom:0px;
}

.logo {
    width:150px;
    margin: 0 auto;
}

.logo img {
    width:150px;
    height:50px;
}

.logo:hover {
    height:50px;
    background-color:#A9E2F3;
    cursor:pointer;
}

HTML

<div class="header">
    <div id="wrapper">
        <div class="logo">
            <img src="image.png" />
        </div>
    </div>
</div>

不知道我该怎么办？谢谢

4

3 回答 3

1

使用下面的代码

<style>
.header {
background-color:#00B9ED;
height:50px;
border-bottom:0px;
padding-left:auto;
padding-right:auto;
width:100%;
}

#wrapper {
margin-left:auto;
margim-right:auto;

padding-top:0px;
padding-bottom:0px;
}
.logo {
text-align: center;
}
.logo img {
    width:150px;
    height:50px;
}
.logo:hover {
height:50px;
background-color:#A9E2F3;   
cursor:pointer;
}
</style>

<div class="header">
<div id="wrapper">
<div class="logo">
<a>Bhavin<img src="image.png"></a>
</div>
</div>
</div>
于 2013-07-02T06:11:04.003 回答
0

尝试这个

CSS

    #wrapper {
        margin: 0 auto;
        padding-bottom: 0;
        padding-top: 0;
        width: 1000px;
    }

.logo {
    margin: 0 auto;
    width: 150px;
}

HTML

<div class="header">
<div id="wrapper">
<div class="logo">
<a href="#">logo<img src="image.png"  alt="LOGO"/></a>
</div>
</div>
</div>
于 2013-07-02T06:12:29.030 回答
0

始终尝试使用标准进行编码。您可以使用text-align，但它用于将段落或其他元素与文本对齐。我建议使用 Insted align margin:0 auto;width:150px;。

在这里你有jsFiddle

于 2013-07-02T06:15:02.347 回答