如何在div中放置图像

我试图将徽标置于我的标题中。我尝试了我的#site-title类中的display:block和margin:auto，但它不起作用。如何在div中放置图像

的链接代码：http://pastebin.com/iNvhTSBL 而CSS是：http://pastebin.com/f5mPTjuU

我不知道该怎么办......也许我没有正确地做CSS？

任何帮助，将不胜感激！ CSS来自wordpress主题，让大家都知道。

谢谢！

来源

2012-04-26 Richard

下一次，只有后在你的问题相关的代码位。这使得人们更容易回答的可能性更大。

如果这是你指的是代码：

<div id="header"> 
      <div id="site-title"> 
        <a href="http://www.panduzee.com/wordpress"><img src="http://i.imgur.com/ysxPP.jpg"></a> 
      </div> 
      <!-- other bits stripped for brevity --> 
      <div class="clear"></div> 
    </div>

和CSS是这样的：

#header { 
    border-bottom: 1px solid #dedfe0; 
    padding-bottom: 50px; 
} 
#site-title { 
    float: left; 
    width: 100%; 
    padding-right: 40px; 
    overflow: hidden; 
    line-height: 27px; 
    font-size: 23px; 
    display:block; 
    margin: auto; 
} 
#site-title a { 
    color: #333; 
    font-weight: bold; 
    text-decoration: none; 
}

然后，你需要如下修改CSS：
1.删除float: left从网站标题。不必要的。
2.请注意，您的padding-right of 40px将导致您的width: 100%
问题3.将text-align: center;添加到网站标题。
4.添加margin: 0 auto;到您的网站所有权

下面的代码会做你想要什么：

#header { 
    border-bottom: 1px solid #dedfe0; 
    padding-bottom: 50px; 
} 
#site-title { 
    width: auto; 
    padding-right: 40px; 
    overflow: hidden; 
    line-height: 27px; 
    font-size: 23px; 
    text-align: center; 
} 
#site-title a { 
    color: #333; 
    font-weight: bold; 
    text-decoration: none; 
    margin: 0 auto; 
}

来源

2012-04-26 02:30:44

一下添加到#site-title

text-align: center;

来源

2012-04-26 02:25:19

您也可以使用＃定点title img {display：block;保证金：0汽车; }。 http://dorward.me.uk/www/centre/ – reisio 2012-04-26 02:28:21

这应该工作：

#header { 
width: 500px; 
margin: 0 auto; 
} 
</style> 
<div id="header"> 
<!-- div content here --> 
</div>

来源

2012-04-26 02:31:17 enbits

如何在div中放置图像

回答

相关问题