Я работаю над проектом и по соображениям безопасности не могу использовать вложения и веб-сайты. Я создал несколько простых HTML, чтобы они действовали как своего рода «форма», которую я могу отправить клиентам по электронной почте, и они могут заполнить ее и ответить. Gmail помещает ответ в кавычках и под 3 точками. Я могу жить с этим, поскольку я не вижу пути обойти это. Тем не менее, я обнаружил, что мой код ведет себя немного по-другому, когда он имеет отступ, чем когда это не так.
Вот фрагмент кода html
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<style type="text/css">
table td,
table th {
padding: 50px
}
.c0 {
border-spacing: 10;
border-collapse: separate;
margin-right: auto;
width: 100%;
max-width: 400px
}
.label {
text-align: right;
min-width: 50px
}
.c2 {
color: #000000;
font-weight: 700;
text-decoration: none;
vertical-align: baseline;
font-size: 9pt;
font-family: "Arial";
font-style: normal;
style="word-wrap: break-word;"
}
.c3 {
max-height: 50px;
}
.c6 {
padding: 5pt 5pt 5pt 5pt;
border-bottom-color: #ffffff;
border-top-width: 1pt;
border-right-width: 1pt;
border-left-color: #ffffff;
vertical-align: top;
border-right-color: #000000;
border-left-width: 1pt;
border-top-style: solid;
border-left-style: solid;
border-bottom-width: 1pt;
width: 50px;
border-top-color: #ffffff;
border-bottom-style: solid
}
.smallgrey {
border-right-style: solid;
padding: 5pt 5pt 5pt 5pt;
border-bottom-color: #000000;
border-top-width: 1pt;
border-right-width: 1pt;
border-left-color: #000000;
vertical-align: top;
border-right-color: #000000;
border-left-width: 1pt;
border-top-style: solid;
background-color: #d9d9d9;
border-left-style: solid;
border-bottom-width: 1pt;
max-width: 500px;
min-width: 200px;
border-top-color: #000000;
border-bottom-style: solid
}
p {
margin: 0;
color: #000000;
font-size: 11pt;
font-family: "Arial"
}
</style>
</head>
<body>
<table class="c0">
<tbody>
<tr class="c3">
<td class="c6" colspan="1" rowspan="1">
<p class="label"><span class="c2">Pickup Contact Name:</span></p>
</td>
<td class="smallgrey" colspan="1" rowspan="1">
<p class="c2"><span class="c2"> Test</span></p>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Когда я вставляю это html в электронном письме он ведет себя превосходно, разбивая слова и расширяя серое поле, когда я попадаю на новую строку или нажимаю клавишу возврата. Но когда я отправляю его и пересылаю, курсор выскакивает из поля smallgrey и отступа кавычки, когда я нажимаю клавишу возврата. Однако, ввод на новую строку работает. Есть ли способ, которым я могу поместить это html в какой-то контейнер, чтобы он не выпрыгнул из цитируемого раздела, когда я нажал return? Я хочу, чтобы люди могли вернуться и сделать коробку настолько большой, насколько они хотят. Я попытался использовать и в начале документа, чтобы посмотреть, смогу ли я каким-то образом выбраться из цитаты в ответе gmail, но не смог выбраться из него.