1

我在面板的标题上放置了一个徽标（Microsoft 徽标）<center><h2> img scr...</h2></center>

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

这是整个面板的 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 徽标）向下移动一点吗？

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

我将不胜感激。

谢谢你 ！

PS：我使用的框架是Wordpress，html放在一个小部件中。我正在使用 U-Design 主题。

4

1 回答 1

1

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

于 2012-09-09T02:39:18.437 回答