调整列大小后使图像保持相同的大小

Question

我有一个表，用于在用户单击列标题时对值进行排序。当表格在列名后面显示一个排序的箭头图像。当用户调整列的大小时，图像会变大。我希望在调整列大小时图像保持相同的大小。

如何在调整列大小时使图像保持相同的大小？

<th title="">
   <div id="p0col0h" style="width:73px;">   
        <a id="0.0.desc">Tabell
           <img src="img/hrm/pal_sort_asc.gif"/>
        </a>
        <div class="resizeColdiv"></div>
   </div>
</th>

这是JSFiddle demo。调整演示中第一列的大小，然后图像变大。我希望它保持不变。

Answer 1

将此添加到您的CSS：

#p0col0h a img{
    max-width:33px;
    max-height:33px;
}

当然最大宽度和最大高度像素应该是图像像素，我只是插入随机的像素！

演示：http://jsfiddle.net/wdB7t/1/

Answer 2

同时添加＆＃34;高度＆＃34;。如果低于＆＃34; max - ＆＃34;，使用max-height将减少图像。所以只需使用高度和宽度

img{
    width:50px;
    height:50px;
}