JEa*_*gle 5 css email hidden overflow
我正在尝试发送带有一些图像的电子邮件.如果我在网页上显示图像,它们是100x宽和100px高,但如果图像高于100px,它将隐藏多余的像素.
如果我尝试通过电子邮件发送它,我无法将其剪裁出图像的多余高度.
这是我在电子邮件中发送的内容:
<img src="<?php echo base_url().$thumb;?>" style="border:1px solid #35538d;width:100px;height:100px;overflow:hidden;text-align:center;background-color:#f0f0f0;" rel="nofollow" alt="Profile Photo">
您尝试使用的CSS很可能不受您的电子邮件客户端的支持.电子邮件客户端通常支持大大减少的HTML子集,只支持最小的CSS.在撰写HTML电子邮件时,通常需要回归基础 ... HTML表格布局等,以获得最大的支持.
编辑: IMO试图使用HTML/CSS 裁剪图像是不可能的,如果你想让它在所有电子邮件客户端工作.有助于实现此目的的相关属性:背景图像,高度,溢出,剪辑等,并不是全面支持.所以,虽然它对某些人有用,但对其他人则不然.
另一种方法是减小宽度,使高度始终为100px.您需要计算服务器端的宽度,以保持适当的宽高比.
但是,我认为可能最好的解决方案是用PHP生成(nother)square 100px图像服务器端？