Question

我有一个问题，我正试图用于我的网站。图像是1960px x 196px。这是我的代码。我只是想不出来。我试图让它在调整浏览器大小时自动调整图像，从而将图像保持在中心位置。

<div id="nav-wrapper">
        <nav><center><div class="logo"></div></center></a>
            <ul>
                <li><a href="index.html" class="active">Home</a></li>
                <li><a href="http://614reborn.com/forum/forum.php">Forum</a></li>
                <li><a href="http://614reborn.com/webclient.html">Play Now</a></li>
                <li><a href="http://614reborn.com/download.html">Download</a></li>
                <li><a href="http://614reborn.com/donate/">Donate</a></li>
            </ul>
        </nav>
    </div>

NAV-包装：

#nav-wrapper {
margin: 0px auto;
margin-bottom: 0px;
background-position:no-repeat;

标志：

.logo {
background: url('../img/logo.png') no-repeat 0 0;
display:block;
margin:0 auto;
width: 1960px;
height: 196px;

请有人帮忙解决这个问题，现在它一直让我烦恼！感谢。

Answer 1

将此添加到您的css：

.logo { 
        max-width: 1960px;
        margin: 0 auto;
        width: 100%;
        height: 196px;

 }

 #nav-wrapper { width: 100%; }

Answer 2

你可以使用

    align='center'

希望这有助于：）

在窗口调整大小时保持横幅图像居中？

2 个答案: