我在尝试将横幅用于我的网站时遇到问题。图像为 1960 像素 x 196 像素。这是我的代码。我只是想不通。我正在努力使图像在您调整浏览器大小时自动裁剪,从而使图像保持在中心位置。
<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-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;
请有人帮助解决这个问题,这让我恼火了一段时间!谢谢。
最佳答案
你可以用
align='center'
希望这有帮助:)
关于html - 调整窗口大小时保持横幅图像居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20938422/