Question

我有<td>这样的

<td valign="middle" class="table_td td top" style="width: 347px">  
<div id="Style" style="position:absolute;">
     <img src="images/additional-keywords-image.gif" style="background: middle right;">
</div> 
<span class="feature_text" style="cursor:pointer;" onmouseover="ShowPicture('Style',1)" onmouseout="ShowPicture('Style',0)" id="a1"> Featured Merchant Ad  </span><br />
<span class="feature_text_small">(Merchant Ad in Home Page,<br />  for valuable Site Exposure)</span>

Div id =“Style”的图片大于<td>。 AIm是在第一个跨度上发生移动时以div显示图像。图像显示正常。但是，我希望div图片的垂直中心位于id =“feature_text”的范围内，并且文本为“Featured Merchant Ad”。我试过但不能成功。我在哪里做错了？

2 个答案:

答案 0 :(得分：1)

答案 1 :(得分：0)

Answer 1

我不确定我是否正确地理解你的问题，如果你想将图像置于div＃style中心

你不需要这个img

style="background: middle right;"

尝试

style="margin:auto;";

并将其添加到div＃style（带有id样式的div）

style="vertical-align:middle; text-align:center;

Answer 2

尝试：

<div id="Style" style="position:absolute;">
     <img src="images/additional-keywords-image.gif" style="background: middle right; position: relative; top: -20px;">
</div>

你必须使用最高值才能使垂直居中恰到好处（数量取决于img的高度）。

Div内部的对齐

2 个答案: