与浏览器相比,Gmail表格在Gmail中显示的不同

时间:2013-11-18 19:30:41

标签: html css

<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td>
            <table width="100%" height="131" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="570" height="131">
                        <img title="header_agado_zg_lv.jpg" alt="header_agado_zg_lv.jpg" border="0" src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_lv.jpg" width="570" height="131">
                    </td>
                    <td>
                        <table width="130" height="131" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td><img title="header_agado_zg_ds1.jpg" alt="header_agado_zg_ds1.jpg" src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_ds1.jpg" width="130" height="19" border="0"></td>
                            </tr>
                            <tr style="height: 25px;">
                                <td style="height: 25px;"><a href="#"><img src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_ds2.jpg" width="130" height="25" border="0"></a></td>
                            </tr>
                            <tr>
                                <td><img title="header_agado_zg_ds3.jpg" alt="header_agado_zg_ds3.jpg" src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_ds3.jpg" width="130" height="12" border="0"></td>
                            </tr>
                            <tr>
                                <td><a href="#"><img src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_ds4.jpg" width="130" height="25" border="0"></a></td>
                            </tr>
                            <tr>
                                <td><img title="header_agado_zg_ds5.jpg" alt="header_agado_zg_ds5.jpg" src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_ds5.jpg" width="130" height="12" border="0"></td>
                            </tr>
                            <tr>
                                <td><a href="#"><img src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_ds6.jpg" width="130" height="25" border="0"></a></td>
                            </tr>
                            <tr>
                                <td><img title="header_agado_zg_ds7.jpg" alt="header_agado_zg_ds7.jpg" src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_ds7.jpg" width="130" height="13" border="0"></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td><img title="header_agado_sp.jpg" alt="header_agado_sp.jpg" src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_sp.jpg" width="700" height="152"></td>
    </tr>
</table>
                                                                                </tr>
                                                                            </table>!

的Gmail: enter image description here

浏览器:

enter image description here

为什么Gmail中的页面与浏览器中的显示方式不同?我该如何解决这个问题?

1 个答案:

答案 0 :(得分:3)

为电子邮件中的每个图片标记添加内联样式:

例如:

<img title="header_agado_zg_lv.jpg" alt="header_agado_zg_lv.jpg" border="0" src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_lv.jpg" width="570" height="131" style='border: none; display:block;' />

简而言之style='border: none; display:block;'