我想生成一封包含一些表数据的电子邮件，并使用PLQL将其发送给公司成员。到目前为止，我使用了一些HTML模板和Oracle UTL_mail。我确实将电子邮件发送到了Gmail Web界面和Outlook。由于Gmail中的风格似乎还不错，我猜这是Outlook的问题。我是一个完全的初学者，当谈到HTML，我是开放的任何建议和变通办法，使表看起来有些顺利的Outlook，太。
下面的代码不会显示任何边界的Outlook，但它为Gmail和在W3School-Try-It编辑器。
utl_mail.send(sender => 'noreply@mycompany.de'
, recipients => 'me@gmail.com,me@mycompany.de'
, subject => 'Test Table'
, message =>
'<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Oracle Table</title>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
padding: 2em;
}
table.table {
width: 80%;
}
.table th {
text-align: left;
}
table, th, td {
border: 1px solid rgba(3,3,3,0.2);
border-collapse: collapse;
}
th.zelle {
text-align: left;
padding-right: 2rem;
}
td.zelle {
text-align: right;
padding-left: 1rem;
}
img {
width: 200px
}
@media screen and (max-width: 1200px) {
body {
font-size: 150%;
}
table {
width: 100%;
}
table.table {
width: 60%;
font-size: 100%;
}
tr {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0.5em 0;
border: 1px solid rgba(3,3,3,0.2);
border-collapse: collapse;
}
td, th {
flex: 1 1 150px;
border-collapse: collapse;
}
th.zelle {
text-align: left;
padding-right: 1rem;
}
td.zelle {
text-align: right;
padding-left: 1rem;
}
}
</style>
</head> <body> <p> This is a table</p> <br>
<table class="table">
<tr>
<th class="zelle"> Name </th> <th class="zelle"> Sal </th> <th class="zelle"> Dep </th> </tr>
<tr> <td class="zelle"> Smith </td> <td class="zelle"> 3k </td> <td class="zelle"> 12 </td> </tr>
<tr> <td class="zelle"> Miller </td> <td class="zelle"> 3k </td> <td class="zelle"> 10 </td> </tr>
<tr> <td class="zelle"> Johnsen </td> <td class="zelle"> 5k </td> <td class="zelle"> 29 </td> </tr>
</table>
<section>
<p> Best regards, <br> Peter</p>
</section>
</body>
</html>
'
, mime_type => 'text/HTML; charset= utf-8'
);
1条答案
按热度按时间7cjasjjr1#
从最小的代表性示例开始逐步调试代码，当其正常工作时，逐步包括额外的功能。
1.启动时不使用任何CSS：
/，并添加了thead和tbody标签;这些不是必需的（对于HTML），只是我个人的喜好。*测试是否按预期显示。
1.添加单个CSS语句：
和测试。
1.添加另一个CSS语句，然后测试并重复，直到找到它中断的地方。