cari

Rumah  >  Soal Jawab  >  teks badan

HTML, CSS untuk mel

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

<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粉268284930P粉268284930550 hari yang lalu765

membalas semua(1)saya akan balas

  • P粉447495069

    P粉4474950692023-09-09 14:47:56

    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/

    balas
    0
  • Batalbalas