0

我正在使用此代码将图像居中在 100% DIV 中。

    #mainlog{width:100%;margin-top:15px; height:40%;background-image:url("../images/mbg.png");border-width:0px 0px 5px 0px;border-style:solid; border-color:#f28438}
    #mainlog a{position: relative;left: 50%;float: left;}
    #mainlog img{position: relative;left: -50%;float: left;}

这是HTML代码：

    <div id="mainlog">
    <a href="index.php"><img src="images/logo.png" height="100%" width="" alt="Escener Technologies"/></a></div>

那么实际的问题是：您可以在这里看到http://m.escener.com/ 中心图像没有拉伸到外部 DIV 的 100% 高度。请帮忙。

4

1 回答 1

0

您的图像高度为200px且 div 高度为40%，因此您的图像不会在更大的屏幕上显示。

尝试为您的 div 设置固定高度

#mainlog { 
  height:200px;
}

编辑

现在我明白了问题所在；您正在float:left使用a和img标签。有了这个，你可以解决你的问题：

  1. 删除 的float和left属性a and img。
  2. 在 CSS 上添加到您的#mainlog容器中。text-align:center
  3. 添加到您#mainlog a display:inline-block的 CSS 上。

这些线将使您的 img 居中并使其适合容器。

于 2013-10-28T14:47:28.657 回答