html电子邮件在Outlook中处于延伸状态。我需要固定的高度和宽度

问题描述 投票：0回答：1

我创建了将通过SharePoint流发送的html电子邮件。当在Outlook中接收到电子邮件时，它正在被拉伸（响应，我已附上图像）。我希望电子邮件的高度和宽度固定。我怎么知道的？这是我的代码。 

<!DOCTYPE html>
<html>
<head>
<style>
div.a {
 height: auto;
 border: 2px purple;
}
p {
 border: 2px purple;
 outline: #b9a3e3 solid 10px;
 margin: auto;
 padding: 20px;
 text-align: center;
 background-color: white;
}
</style>
</head>
<body>
<div class="a">
<p style="font-size:28px;font-family:HGPMinchoE"><b>CERTIFICATE OF RECOGNITION</b></p><br>
<p style="font-size:28px;font-family:Athelas"><b>Partner Props Recognition</b><br>
<h style="font-size:28px;font-family:Athelas">is being awarded to<br> 

<h style="font-size:28px;font-family:Athelas">for demonstrating<br>
<b><i><h style="font-size:36px;font-family:Athelas"><font color="#3F4A78">“Going Further Together”</font></i></b><br>
<h style="font-size:28px;font-family:Athelas">Behavior<br>

email being stretched in outlook

javascript html sharepoint flow
1个回答
0
投票

如下修改代码。 注意：将代码放在一行中。

<html><head></head><body><div style="height:auto;border:2px purple"><p style="font-size:28px;font-family:HGPMinchoE;border: 2px purple;outline: #b9a3e3 solid 10px;margin: auto;padding: 20px;text-align: center; background-color: white;"><b>CERTIFICATE OF RECOGNITION</b></p><br><p style="font-size:28px;font-family:Athelas;outline: #b9a3e3 solid 10px;margin: auto;padding: 20px;text-align: center; background-color: white;"><b>Partner Props Recognition</b><br/><h style="font-size:28px;font-family:Athelas">is being awarded to</h><br/> <h style="font-size:28px;font-family:Athelas">for demonstrating</h><br/><b><i><h style="font-size:36px;font-family:Athelas"><font color="#3F4A78">“Going Further Together”</font></h></i></b><br/><h style="font-size:28px;font-family:Athelas">Behavior</h><br/></div></body></html>

enter image description here

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.