html - 无法获取与电子邮件跨度内联的标签

Question

因此，我正在尝试发送一封包含用户信息的电子邮件。它应该看起来像这样:

但由于某些原因，css 在电子邮件中不起作用，因为它看起来像这样:

CSS如下:

div.block { 
      margin: 0; 
      padding: 0; 
      padding-bottom: 1.25em;
      margin-left: 130px;
    } 

    div.block label { 
      margin: 0; 
      padding: 0; 
      display: block; 
      font-size: 100%; 
      padding-top: .1em; 
      padding-right: .25em; 
      width: 6em; 
      text-align: right; 
      float: left; 
    } 

    div.block span { 
      margin: 0; 
      padding: 0; 
      display: block; 
      font-size: 100%; 
    } 

还有我的 HTML:

<div class="block">
   <label>Voornaam:</label>
   <span>%voornaam%</span>
</div>
<div class="block">
   <label>Achternaam:</label>
   <span>%achternaam%</span>
</div>
<div class="block">
   <label>E-mailadres:</label>
   <span>%email%</span>
</div>
<div class="block">
   <label>Telefoon:</label>
   <span>%telefoon%</span>
</div>
<div class="block">
   <label>Toelichting:</label>
   <span>%toelichting%</span>
</div>
<div class="block">
   <label>Datum:</label>
   <span>%datum%</span>
</div>

Answer 1

电子邮件中的 CSS 仍未得到很好的支持。对于您想要的布局，使用 <table>使用内联样式而不是基于 div 的布局将是实现它的最佳方式。