文本和HTML表格之间的大空间

我有一个Google表单，我试图强制以特定格式向我发送结果。它可以工作，但是我插入的表格上面有一个很大的空白空间，我想摆脱它。例如：文本和HTML表格之间的大空间

Hello! 

I have a purchase request that I would like to submit for review, approval, 
and processing. Please see below and attached. Thanks. 


















Name: 
Ryan M 

Project Number: 
Numbers 

Project Comments: 
No Comments 

Website Link to Product:  


Cost: 


Purpose of Order: 
Test  

Document Upload:  
https://drive.google.com/file/d//view 

Date Required By: 
2017-01-13 

Confirmed Lead Time:  
teeeeeest

这里是我使用的代码：

<!DOCTYPE html> 
<html> 
<head> 
<style> 
table { 
    font-family: arial, sans-serif; 
    border-collapse: collapse; 
    width: 100%; 
    margin-top:0px; 
} 

td, th { 
    border: 1px solid #dddddd; 
    text-align: left; 
    padding: 8px; 
} 

tr:nth-child(even) { 
    background-color: #dddddd; 
} 
</style> 
</head> 
<body> 

<table> 

<tr> 
    <td><b>Name:</b></td> 
    <td>{{Name}}</td> 
</tr> 
<tr> 
    <td><b>Project Number:</b></td> 
    <td>{{Project Number}}</td> 
</tr> 
<tr> 
    <td><b>Project Comments:</b></td> 
    <td>{{Project Comments}}</td> 
</tr> 
<tr> 
    <td><b>Website Link to Product:</b></td> 
    <td>{{Website Link to Product}}</td> 
</tr> 
<tr> 
    <td><b>Cost:</b></td> 
    <td>{{Cost}}</td> 
</tr> 
<tr> 
    <td><b>Purpose of Order:</b></td> 
    <td>{{Purpose of Order}}</td> 
</tr> 
<tr> 
    <td><b>Document Upload:</b></td> 
    <td>https://drive.google.com/file/d/{{Document Upload}}/view</td> 
</tr> 
<tr> 
    <td><b>Date Required By:</b></td> 
    <td>{{Date Required By}}</td> 
</tr> 
<tr> 
    <td><b>Confirmed Lead Time:</b></td> 
    <td>{{Confirmed Lead Time}}</td> 
</tr> 

</table> 

</body> 
</html>

任何线索将是一个很大的帮助。谢谢！

来源

2017-01-11 Ryan M

这可能是传递到{{Name}}的数据。 –

@RossKeddy Hm。这是可能的。 {{Name}}占位符由表单中的下拉式答案提供。我会尝试删除它，看看是否有帮助。 –

只需在某处检查/显示数据以追溯此情况，以确保数据不会收集新行。检查您的欢迎信息和名称。 –

HTML电子邮件可以在各种不同的工具中查看，它们都不支持它（包括CSS标记）。

输出看起来的样子让我觉得表格并没有扩大到100％。注意表格单元是如何堆叠的。这可能是您的真实问题，视口的症状。

您可能首先将<html>和<body>宽度设置为100％。试试CSS和内联样式标记。

<body width="100%">

由于您无法保证支持电子邮件应用程序，因此我会远离任何HTML5选项，如<meta name="viewport" content="initial-scale=1, width=device-width">。

CSS标记可能不是一个选项，所以你可以尝试把它全部内联。

希望这会有所帮助。

来源

2017-01-11 16:13:00

谢谢你的回答，但我认为电子邮件通知的格式不符合任务。我尝试了几种不同的表格和身体宽度的组合，没有运气。 –

文本和HTML表格之间的大空间

回答

相关问题