Question

我尝试过一系列不同的主题来解决这个问题......到目前为止，没有任何工作可行。看看这个：

请注意第一个示例的价格如何不垂直对齐？我已经尝试了50％顶级，顶级-22px等。我不确定我在这里做错了，以确保产品名称和产品价格在两个div上保持垂直对齐....我我知道它很简单，我只是在嘲笑它。 CATCH是可以使用IE7 。

<div id="col_product_full">    
  <div style="padding: 1px;">
    <table width="100%" border="0" cellspacing="0">
      <tr>
        <td align="center" class="contentselection_product_ImageCell"> 
          <img src="http://76.73.18.245/olmsv2/DATA/MEDIA/PRODUCTS/201211038470.jpg">
        </td>
      </tr>
      <tr>
        <td height="44" class="contentselection_product_NameBar">
          <div class="contentselection_product_Name" style="position: relative; display: block; float: left; width: 60%;">HP 8470p i5 1600 x 900 with Camera 320GB</div>
          <div class="contentselection_product_Price" style="position: relative; z-index: 99; display: block; float: right; width: 30%;" align="right">$3,493.21</div>
        </td>
      </tr>                                                                        
    </table>
  </div>
</div>

div中的文本保持一致的垂直对齐ie7兼容

0 个答案: