Question

我在<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>

有什么办法可以将图片（微软徽标）向下移动一下吗？

你可以在这里看到我在说什么：http://www.qubespace.com/certwizard/ 面板位于幻灯片下方。我只是想在标题div中将徽标（微软徽标）推下一点。我知道我错过了什么。

我将非常感谢您的回复。

谢谢！

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

Answer 1

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

按下图像或<h2>按下</h2>

1 个答案: