在IE 8中制作浮动时img固定宽度

Question

我在Internet Explorer中遇到固定图像宽度问题（我有IE8）

首先，当未定义填充时，图像根本不显示

第二，当我指定填充：5px;对于img它看起来像这样

请注意，我无法为图像容器div设置特殊宽度，因为  下面是我的代码

HTML：

<div class="block_div">
    <div>
        <div class="img_about">
            <img src="test_img.jpg" alt="test_img" width="150" />
        </div>
        <div class="img_about">
            about: "Adapted from Betty Crocker".
        </div>
    </div>
    <div class="clear"></div>   
</div>

CSS：

.img_about{float:left; }
.img_about img{padding:5px; }

如果我从.img_and_text dev中删除浮点数，它看起来正常宽度：150

Answer 1

试试这个：

.img_about img { width:150px; height:150px; }

使用内联宽度标签仅对电子邮件客户有用... ...