Выровнять изображение с помощью текста
Это очень грязно, но это работает.... каким-то образом проблема, с которой я столкнулся на данный момент, заключается в том, что у меня есть изображение в сценарии, однако я понятия не имею, как выровнять его по левому краю и получить текст после «Добрый вид». относительно» справа от изображения, причем верхняя часть текста строки 1 соответствует высоте верхней части изображения.
function myFunction() {
let sheet = SpreadsheetApp.getActiveSheet();
let data = sheet.getRange('A2:B').getDisplayValues();
data.filter(row => row.every(Boolean)).forEach(row => {
let [name, address] = row;
let subject = `Subject Text`;
let body = `Dear ${name}.<br><br>
I hope this email finds you well.<br><br>
I am writing to you in regards to XXX, "".<br><br>
.<br><br>
.<br><br>
Kind Regards,<br><br>
<b><span style='color: #C19B77;'>Title of Person<br>
<span style='color: #C19B77; font-size: 15px;'>Name of Person</span><br><br>
<b><span style='color: #C19B77;'>Mobile:</b>+44 12345678 Address<br>
<b><span style='color: #C19B77;'>Email:</b>[email protected] Adress line 2<br>
<img src = "URL Example" alt = "Image 1" style = "width: 200px; height: 180px;">`;
MailApp.sendEmail({to: address, subject, htmlBody: body, cc:''});
});
}
Я пробовал использовать что-то под названием «float», но это ничего не дало, и на данный момент я немного не в своей тарелке.
Ответы 1
Вы можете использовать float:left; на изображении, но при этом будет перемещаться только текст после него. Поэтому вам придется переместить <img ...> немного назад.
Тогда изображение столкнется с текстом. Итак, на самом деле вам нужно иметь это в простой таблице.
Не уверен, каково ваше намерение, чтобы адрес находился после всех неразрывных пробелов, но нет ничего, что таблица не могла бы исправить лучше.
Вот что у меня получилось (также исправляю недоделанные <b> и <spans>). Я добавил «vertical-align: top», чтобы текст начинался сверху изображения, иначе по умолчанию он может быть центрирован.
Dear asdf.<br><br>
I hope this email finds you well.<br><br>
I am writing to you in regards to XXX, "".<br><br>
.<br><br>
.<br><br>
Kind Regards,<br><br>
<table width = "100%" cellpadding = "0" cellspacing = "0" role = "presentation">
<tr>
<td style = "padding-right: 15px;vertical-align: top;"><img src = "URL Example" alt = "Image 1" style = "width: 200px; height: 180px;"></td>
<td width = "100%" style = "vertical-align: top;">
<b><span style='color: #C19B77;'>Title of Person</span><br>
<span style='color: #C19B77; font-size: 15px;'>Name of Person</span></b><br><br>
<b><span style='color: #C19B77;'>Mobile:</span></b>+44 12345678 Address<br>
<b><span style='color: #C19B77;'>Email:</span></b>[email protected] Adress line 2<br>
</td>
</tr>
</table>
Спасибо за это, раньше многое исправлял, в основном с помощью выравнивания, поскольку текст был центрирован по изображению, когда я пытался это исправить. Сценарии сложнее, чем я думал, я собираюсь попытаться поставить условие при отправке список, который постоянно обновляется, но я не хочу, чтобы он отправлялся на электронное письмо, на которое он отправлялся исторически, что, держу пари, будет неловко.
Добро пожаловать в Stack Overflow. Этот вопрос больше касается форматирования сообщения электронной почты с использованием HTML, чем использования сценариев Google Apps; соответствующий тег все еще в порядке, поскольку он соответствует платформе, используемой для составления сообщения электронной почты.