css - 将图像或

Question

我用 <center><h2> img scr...</h2></center> 在面板的标题上放置了一个 Logo (Microsoft Logo )

它在我想要的中心位置；但是，它在我面板标题的顶部有点高，所以它并不完全位于垂直中心。

这是整个面板的 CSS(包括标题):

.panel {
    background: url("../images/panel_bg2.png") no-repeat scroll 0 0 transparent;
    width:148px;
    height:270px;

}


.panel_header {
    background: url("../images/panel_header_bg.png") no-repeat scroll 0 0 transparent;
    width:149px;
    height:54px;
    position:absolute;


}

这是 html :

<div class="panel">
<div class="panel_header">
<center><h2><img src="images/ms_logo.png" width="102" height="21" /> </h2></center>

有什么方法可以将图像(Microsoft Logo )向下移动一点？

你可以在这里看到我在说什么:http://www.qubespace.com/certwizard/面板就在幻灯片下方。我只想在标题 div 中将 Logo (Microsoft Logo )向下推一点。我知道我错过了一些东西。

非常感谢您的回复。

谢谢!

PS:我用的框架是Wordpress，html放在widget里面。我正在使用 U-Design 主题。

Answer 1

向您的面板类添加 margin-top 规则，以向上或向下移动 Microsoft Logo 。负值向上移动，正值向下移动。如果要居中，请将边距设置为 margin:0 auto;