HTML, CSS untuk mel

Question

Saya sedang mengusahakan beberapa surat berita untuk syarikat saya dan kami sedang menangani beberapa isu dengan pelanggan e-mel yang berbeza, cth. Gmail, Outlook dalam talian, Outlook dalam apl, versi mudah alih pelanggan ini.

Setiap teks di dalamnya kelihatan berbeza. Masalahnya juga ialah aplikasi Outlook tidak menyokong dengan betul

dan

和

。所以我必须将其转换为 table 和 spans . Jadi saya perlu menukarnya kepada jadual dan span.

Sebarang cadangan tentang cara membuat reka bentuk kelihatan sama dalam kebanyakan pelanggan e-mel dengan beberapa kod?

Kod semasa adalah seperti berikut

<div style="background-color: white; margin-right: 9px; margin-left: 9px; padding-bottom:1px; margin-bottom:10px;">
    <table style="background-color: white; border-color: black;padding-bottom:1px; margin-bottom:10px;">
    <tbody>
    <tr>
    <td>
    <h3 style="color: #000000; font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size: 16px; font-style: normal; line-height: 24px; letter-spacing: normal; text-align: left; display: inline-block;"> Hello, </h3>
<br />
    <span style="font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18px; font-style: normal; font-weight: normal; color: #787878;"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla turpis magna<br />   cursus sit amet, suscipit a, interdum id, felis. Ut tempus purus at lorem. <br />  Integer rutrum, orci vestibulum ullamcorper ultricies, lacus quam ultricies odio, vitae placerat pede sem sit amet enim. <a href="https://blog.inpage.cz/obrazek/2/kitten-jpg/">here</a>.<br /> <br />  Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus</span>
    </td>
    </tr>
    <tr>
    <td><img style="text-align: left; width: 275px; height: 105px; margin: 10px; border-width: 0px; border-style: solid; float: left;" src="https://blog.inpage.cz/obrazek/2/kitten-jpg/" alt="CAD" /></td>
    </tr>
    <tr>
    <td>
    <h2 style="color: #f26503; font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size: 24px; line-height: 36px; text-align: center;"><u>here, lorem</u></h2>
    </td>
    </tr>
    </tbody>
    </table>
    </div>
    <span style="line-height: 0.1; padding:1px; margin:10px;">
    
    </span>

P粉268284930567 hari yang lalu776

membalas semua(1)saya akan balas

Malangnya, kebanyakan elemen dalam html dan css tidak disokong oleh pembekal e-mel. Saya tahu terdapat dokumentasi yang boleh dipercayai yang boleh membantu anda mengenai topik ini. Anda boleh menyemak imbas untuk mencari elemen yang disokong dan CSS dan menukar templat anda dengan sewajarnya.

https://elasticemail.com/supported-css

https://www.campaignmonitor.com/css/selectors/class/

Batalbalas

menerbitkan

Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！

Tentang kitaPenafianSitemap

© php.cn All rights reserved

Answer 1

Malangnya, kebanyakan elemen dalam html dan css tidak disokong oleh pembekal e-mel. Saya tahu terdapat dokumentasi yang boleh dipercayai yang boleh membantu anda mengenai topik ini. Anda boleh menyemak imbas untuk mencari elemen yang disokong dan CSS dan menukar templat anda dengan sewajarnya.

https://elasticemail.com/supported-css

https://www.campaignmonitor.com/css/selectors/class/