我正在尝试创建phpmailer邮件的html结构,我想并排发送3个div,但是当我收到格式化的电子邮件时。
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div style='display: table; width: 60%'>
<div style='font-size: 1vw; background-color: whiteSmoke; text-align: center; padding: 1vw; position: relative;'><b>PEDIDO DE ASSISTÊNCIA</b></div>
<div style='display: flex; align-items: flex-start;'>
<div style='width: 38%;'>
<p><b>Cliente:</b> xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p><b>Morada:</b> xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p><b>Código Postal:</b> xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p><b>Localidade:</b> xxxxxxxxxxxxxxxxxxx</p>
<p><b>Data do Pedido:</b> 21-11-2019</p>
</div>
<div style='width: 30%;'>
<p><b>Assistência Pedida Por:</b> xxxxxxxxxxxxxxxxxxxxxxxxx</p>
</div>
<div style='width: 25%;'>
<p><b>Nº Contribuinte:</b> xxxxxxxxxxxxxxxx</p>
<p><b>Contacto:</b> xxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p><b>Email:</b> xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
</div>
</div>
</div>Run Code Online (Sandbox Code Playgroud)
在这里,它可以在html页面上使用,但是当我发送电子邮件并在Outlook中接收它时,它似乎未配置,我将在图像中显示:
div与我上面的示例并排放置。