【问题标题】:Keeping banner image centred when window resized?调整窗口大小时保持横幅图像居中?
【发布时间】:2014-01-05 19:58:27
【问题描述】:

我在尝试用于我的网站的横幅时遇到问题。图像为 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;

请有人帮忙解决这个问题,这让我很恼火一段时间了!谢谢。

【问题讨论】:

    标签: html css image banner


    【解决方案1】:

    你可以使用

        align='center' 
    

    希望这会有所帮助:)

    【讨论】:

      【解决方案2】:

      将此添加到您的 css 中:

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

      【讨论】:

      • 我正在尝试使图像在您调整浏览器大小时自行裁剪,从而将图像保持在中心。抱歉,我没有在问题中正确解释问题。我试过了,但没有用。
      猜你喜欢
      • 2019-10-05
      • 1970-01-01
      • 1970-01-01
      • 2012-03-23
      • 1970-01-01
      • 2021-10-05
      • 1970-01-01
      • 2011-09-10
      • 1970-01-01
      相关资源
      最近更新 更多