小编Bru*_*nto的帖子

将div放在phpmailer html中的div旁边

我正在尝试创建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与我上面的示例并排放置。

css html-email

1
推荐指数
1
解决办法
23
查看次数

标签 统计

css ×1

html-email ×1