提问人：Aaron Rajchel 提问时间：10/17/2023 最后编辑：tacoshyAaron Rajchel 更新时间：10/18/2023 访问量：133
如何间隔这 3 个按钮
How to space out these 3 button
问：
使用电子邮件签名生成器来执行此操作，它包括 1 个按钮，但我需要再添加 2 个。但我希望按钮的宽度相同，然后均匀地分布在整个签名的宽度下。
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td width="150" style="vertical-align: middle;"><span class="template3__ImageContainer-sc-vj949k-0 jeScQV" style="margin-right: 20px; display: block;"><img src="https://storage.googleapis.com/msgsndr/4v9YnFV91CVUbuwS6IF5/media/64f8b3af63e5711da26d77bf.png" role="presentation" width="130" class="image__StyledImage-sc-hupvqm-0 gYgOut" style="max-width: 130px;"></span></td>
<td style="vertical-align: middle;">
<h2 color="#000" class="name__NameContainer-sc-1m457h3-0 jxbGUj" style="margin: 0px; font-size: 18px; color: rgb(0, 0, 0); font-weight: 600;"><span>Aaron</span><span> </span><span>Rajchel</span></h2>
<p color="#000" font-size="medium" class="job-title__Container-sc-1hmtp73-0 ifJNJc" style="margin: 0px; color: rgb(0, 0, 0); font-size: 14px; line-height: 22px;"><span>Owner</span></p>
<p color="#000" font-size="medium" class="company-details__CompanyContainer-sc-j5pyy8-0 VnOLK" style="margin: 0px; font-weight: 500; color: rgb(0, 0, 0); font-size: 14px; line-height: 22px;"><span>LandscapAI</span></p>
<p color="#000" font-size="medium" class="custom-field__CustomFieldContainer-sc-190n2f-0 dKSugh" style="color: rgb(0, 0, 0); margin: 0px; font-size: 14px; line-height: 22px;"><span>Automation + AI = Grow</span></p>
</td>
<td width="30">
<div style="width: 30px;"></div>
</td>
<td color="#4358a7" direction="vertical" width="1" height="auto" class="color-divider__Divider-sc-1h38qjv-0 llIisW" style="width: 1px; border-bottom: none; border-left: 1px solid rgb(67, 88, 167);"></td>
<td width="30">
<div style="width: 30px;"></div>
</td>
<td style="vertical-align: middle;">
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr height="25" style="vertical-align: middle;">
<td width="30" style="vertical-align: middle;">
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td style="vertical-align: bottom;"><span color="#4358a7" width="11" class="contact-info__IconWrapper-sc-mmkjr6-1 bglVXe" style="display: inline-block; background-color: rgb(67, 88, 167);"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/phone-icon-2x.png" color="#4358a7" alt="mobilePhone" width="13" class="contact-info__ContactLabelIcon-sc-mmkjr6-0 cnkwri" style="display: block; background-color: rgb(67, 88, 167);"></span></td>
</tr>
</tbody>
</table>
</td>
<td style="padding: 0px; color: rgb(0, 0, 0);"><a href="tel:855-242-4769" color="#000" class="contact-info__ExternalLink-sc-mmkjr6-2 ibLXSU" style="text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;"><span>855-242-4769</span></a></td>
</tr>
<tr height="25" style="vertical-align: middle;">
<td width="30" style="vertical-align: middle;">
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td style="vertical-align: bottom;"><span color="#4358a7" width="11" class="contact-info__IconWrapper-sc-mmkjr6-1 bglVXe" style="display: inline-block; background-color: rgb(67, 88, 167);"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/email-icon-2x.png" color="#4358a7" alt="emailAddress" width="13" class="contact-info__ContactLabelIcon-sc-mmkjr6-0 cnkwri" style="display: block; background-color: rgb(67, 88, 167);"></span></td>
</tr>
</tbody>
</table>
</td>
<td style="padding: 0px;"><a href="mailto:[email protected]" color="#000" class="contact-info__ExternalLink-sc-mmkjr6-2 ibLXSU" style="text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;"><span>[email protected]</span></a></td>
</tr>
<tr height="25" style="vertical-align: middle;">
<td width="30" style="vertical-align: middle;">
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td style="vertical-align: bottom;"><span color="#4358a7" width="11" class="contact-info__IconWrapper-sc-mmkjr6-1 bglVXe" style="display: inline-block; background-color: rgb(67, 88, 167);"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/link-icon-2x.png" color="#4358a7" alt="website" width="13" class="contact-info__ContactLabelIcon-sc-mmkjr6-0 cnkwri" style="display: block; background-color: rgb(67, 88, 167);"></span></td>
</tr>
</tbody>
</table>
</td>
<td style="padding: 0px;"><a href="//www.landscap.ai" color="#000" class="contact-info__ExternalLink-sc-mmkjr6-2 ibLXSU" style="text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;"><span>www.landscap.ai</span></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="width: 100%; vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td height="30"></td>
</tr>
<tr>
<td color="#4358a7" direction="horizontal" width="auto" height="1" class="color-divider__Divider-sc-1h38qjv-0 llIisW" style="width: 100%; border-bottom: 1px solid rgb(67, 88, 167); border-left: none; display: block;"></td>
</tr>
<tr>
<td height="30"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="width: 100%; vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td style="text-align: right; vertical-align: top;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="width: 100%; vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td></td>
<td>
<tr><span style="display: block;">
<a rel="noopener noreferrer" href="https://updates.landscap.ai/widget/bookings/demolandscapai" color="#4358a7" class="cta__CtaButton-sc-sq0d6i-0 kGNEzu" style="border-width: 6px 12px; border-style: solid; border-color: rgb(67, 88, 167); display: inline-block; background-color: rgb(67, 88, 167); color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-align: center; line-height: 40px; font-size: 12px; border-radius: 3px;">Customer Demo</a>
<a rel="noopener noreferrer" href="https://updates.landscap.ai/widget/bookings/customersupportmeet" color="#4358a7" class="cta__CtaButton-sc-sq0d6i-0 kGNEzu" style="border-width: 6px 12px; border-style: solid; border-color: rgb(67, 88, 167); display: inline-block; background-color: rgb(67, 88, 167); color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-align: center; line-height: 40px; font-size: 12px; border-radius: 3px;">Customer Support</a>
<a rel="noopener noreferrer" href="https://updates.landscap.ai/widget/bookings/affiliatedemo" color="#4358a7" class="cta__CtaButton-sc-sq0d6i-0 kGNEzu" style="border-width: 6px 12px; border-style: solid; border-color: rgb(67, 88, 167); display: inline-block; background-color: rgb(67, 88, 167); color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-align: center; line-height: 40px; font-size: 12px; border-radius: 3px;">Affiliate Demo</a>
</span></tr>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>我用 HTML 编码已经 20 年了，但我搞砸了，无法让它工作。非常感谢！
答：
-1赞
André
10/17/2023
#1
表格布局不再像 20 年前那样流行。您可以使用 flexbox 执行此操作：
div.flex-container > a {
flex-basis: 120px
}<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td width="150" style="vertical-align: middle;"><span class="template3__ImageContainer-sc-vj949k-0 jeScQV" style="margin-right: 20px; display: block;"><img src="https://storage.googleapis.com/msgsndr/4v9YnFV91CVUbuwS6IF5/media/64f8b3af63e5711da26d77bf.png" role="presentation" width="130" class="image__StyledImage-sc-hupvqm-0 gYgOut" style="max-width: 130px;"></span></td>
<td style="vertical-align: middle;">
<h2 color="#000" class="name__NameContainer-sc-1m457h3-0 jxbGUj" style="margin: 0px; font-size: 18px; color: rgb(0, 0, 0); font-weight: 600;"><span>Aaron</span><span> </span><span>Rajchel</span></h2>
<p color="#000" font-size="medium" class="job-title__Container-sc-1hmtp73-0 ifJNJc" style="margin: 0px; color: rgb(0, 0, 0); font-size: 14px; line-height: 22px;"><span>Owner</span></p>
<p color="#000" font-size="medium" class="company-details__CompanyContainer-sc-j5pyy8-0 VnOLK" style="margin: 0px; font-weight: 500; color: rgb(0, 0, 0); font-size: 14px; line-height: 22px;"><span>LandscapAI</span></p>
<p color="#000" font-size="medium" class="custom-field__CustomFieldContainer-sc-190n2f-0 dKSugh" style="color: rgb(0, 0, 0); margin: 0px; font-size: 14px; line-height: 22px;"><span>Automation + AI = Grow</span></p>
</td>
<td width="30">
<div style="width: 30px;"></div>
</td>
<td color="#4358a7" direction="vertical" width="1" height="auto" class="color-divider__Divider-sc-1h38qjv-0 llIisW" style="width: 1px; border-bottom: none; border-left: 1px solid rgb(67, 88, 167);"></td>
<td width="30">
<div style="width: 30px;"></div>
</td>
<td style="vertical-align: middle;">
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr height="25" style="vertical-align: middle;">
<td width="30" style="vertical-align: middle;">
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td style="vertical-align: bottom;"><span color="#4358a7" width="11" class="contact-info__IconWrapper-sc-mmkjr6-1 bglVXe" style="display: inline-block; background-color: rgb(67, 88, 167);"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/phone-icon-2x.png" color="#4358a7" alt="mobilePhone" width="13" class="contact-info__ContactLabelIcon-sc-mmkjr6-0 cnkwri" style="display: block; background-color: rgb(67, 88, 167);"></span></td>
</tr>
</tbody>
</table>
</td>
<td style="padding: 0px; color: rgb(0, 0, 0);"><a href="tel:855-242-4769" color="#000" class="contact-info__ExternalLink-sc-mmkjr6-2 ibLXSU" style="text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;"><span>855-242-4769</span></a></td>
</tr>
<tr height="25" style="vertical-align: middle;">
<td width="30" style="vertical-align: middle;">
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td style="vertical-align: bottom;"><span color="#4358a7" width="11" class="contact-info__IconWrapper-sc-mmkjr6-1 bglVXe" style="display: inline-block; background-color: rgb(67, 88, 167);"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/email-icon-2x.png" color="#4358a7" alt="emailAddress" width="13" class="contact-info__ContactLabelIcon-sc-mmkjr6-0 cnkwri" style="display: block; background-color: rgb(67, 88, 167);"></span></td>
</tr>
</tbody>
</table>
</td>
<td style="padding: 0px;"><a href="mailto:[email protected]" color="#000" class="contact-info__ExternalLink-sc-mmkjr6-2 ibLXSU" style="text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;"><span>[email protected]</span></a></td>
</tr>
<tr height="25" style="vertical-align: middle;">
<td width="30" style="vertical-align: middle;">
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td style="vertical-align: bottom;"><span color="#4358a7" width="11" class="contact-info__IconWrapper-sc-mmkjr6-1 bglVXe" style="display: inline-block; background-color: rgb(67, 88, 167);"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/link-icon-2x.png" color="#4358a7" alt="website" width="13" class="contact-info__ContactLabelIcon-sc-mmkjr6-0 cnkwri" style="display: block; background-color: rgb(67, 88, 167);"></span></td>
</tr>
</tbody>
</table>
</td>
<td style="padding: 0px;"><a href="//www.landscap.ai" color="#000" class="contact-info__ExternalLink-sc-mmkjr6-2 ibLXSU" style="text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;"><span>www.landscap.ai</span></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="width: 100%; vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td height="30"></td>
</tr>
<tr>
<td color="#4358a7" direction="horizontal" width="auto" height="1" class="color-divider__Divider-sc-1h38qjv-0 llIisW" style="width: 100%; border-bottom: 1px solid rgb(67, 88, 167); border-left: none; display: block;"></td>
</tr>
<tr>
<td height="30"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="width: 100%; vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td style="text-align: right; vertical-align: top;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="width: 100%; vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td></td>
<td>
<tr><div class="flex-container" style="display: flex;justify-content: space-evenly">
<a rel="noopener noreferrer" href="https://updates.landscap.ai/widget/bookings/demolandscapai" color="#4358a7" class="cta__CtaButton-sc-sq0d6i-0 kGNEzu" style="border-width: 6px 12px; border-style: solid; border-color: rgb(67, 88, 167); display: inline-block; background-color: rgb(67, 88, 167); color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-align: center; line-height: 40px; font-size: 12px; border-radius: 3px;">Customer Demo</a>
<a rel="noopener noreferrer" href="https://updates.landscap.ai/widget/bookings/customersupportmeet" color="#4358a7" class="cta__CtaButton-sc-sq0d6i-0 kGNEzu" style="border-width: 6px 12px; border-style: solid; border-color: rgb(67, 88, 167); display: inline-block; background-color: rgb(67, 88, 167); color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-align: center; line-height: 40px; font-size: 12px; border-radius: 3px;">Customer Support</a>
<a rel="noopener noreferrer" href="https://updates.landscap.ai/widget/bookings/affiliatedemo" color="#4358a7" class="cta__CtaButton-sc-sq0d6i-0 kGNEzu" style="border-width: 6px 12px; border-style: solid; border-color: rgb(67, 88, 167); display: inline-block; background-color: rgb(67, 88, 167); color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-align: center; line-height: 40px; font-size: 12px; border-radius: 3px;">Affiliate Demo</a>
</div></tr>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>您可以在上面看到，我在链接周围的标签中添加了这种样式：span
<div style="display: flex;justify-content: space-evenly">
还更改并删除了显示块，因为 div 基本上是 span 的块版本。
要使它们具有相同的宽度，更简单的方法是使用（不是内联）css。您可以使用 flex basis 并定位容器内的所有元素（见上文）。spandiv
评论
0赞
tacoshy
10/18/2023
这被特别标记为 HTML 电子邮件问题并提及。某些提供商仅部分支持 Flexbox （~63%）。
0赞
André
10/19/2023
我必须说，当我回答时，这些标签并不存在。你后来添加了它们。
0赞
tacoshy
10/19/2023
时间线历史记录则不然。除此之外，在我编辑标签之前，文本已经提到它是电子邮件签名......好故事 - 如果您想指出“假新闻”，请检查您的事实并提供证据
-2赞
Parth M. Dave
10/17/2023
#2
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td width="150" style="vertical-align: middle;"><span class="template3__ImageContainer-sc-vj949k-0 jeScQV" style="margin-right: 20px; display: block;"><img src="https://storage.googleapis.com/msgsndr/4v9YnFV91CVUbuwS6IF5/media/64f8b3af63e5711da26d77bf.png" role="presentation" width="130" class="image__StyledImage-sc-hupvqm-0 gYgOut" style="max-width: 130px;"></span></td>
<td style="vertical-align: middle;">
<h2 color="#000" class="name__NameContainer-sc-1m457h3-0 jxbGUj" style="margin: 0px; font-size: 18px; color: rgb(0, 0, 0); font-weight: 600;"><span>Aaron</span><span> </span><span>Rajchel</span></h2>
<p color="#000" font-size="medium" class="job-title__Container-sc-1hmtp73-0 ifJNJc" style="margin: 0px; color: rgb(0, 0, 0); font-size: 14px; line-height: 22px;"><span>Owner</span></p>
<p color="#000" font-size="medium" class="company-details__CompanyContainer-sc-j5pyy8-0 VnOLK" style="margin: 0px; font-weight: 500; color: rgb(0, 0, 0); font-size: 14px; line-height: 22px;"><span>LandscapAI</span></p>
<p color="#000" font-size="medium" class="custom-field__CustomFieldContainer-sc-190n2f-0 dKSugh" style="color: rgb(0, 0, 0); margin: 0px; font-size: 14px; line-height: 22px;"><span>Automation + AI = Grow</span></p>
</td>
<td width="30">
<div style="width: 30px;"></div>
</td>
<td color="#4358a7" direction="vertical" width="1" height="auto" class="color-divider__Divider-sc-1h38qjv-0 llIisW" style="width: 1px; border-bottom: none; border-left: 1px solid rgb(67, 88, 167);"></td>
<td width="30">
<div style="width: 30px;"></div>
</td>
<td style="vertical-align: middle;">
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr height="25" style="vertical-align: middle;">
<td width="30" style="vertical-align: middle;">
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td style="vertical-align: bottom;"><span color="#4358a7" width="11" class="contact-info__IconWrapper-sc-mmkjr6-1 bglVXe" style="display: inline-block; background-color: rgb(67, 88, 167);"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/phone-icon-2x.png" color="#4358a7" alt="mobilePhone" width="13" class="contact-info__ContactLabelIcon-sc-mmkjr6-0 cnkwri" style="display: block; background-color: rgb(67, 88, 167);"></span></td>
</tr>
</tbody>
</table>
</td>
<td style="padding: 0px; color: rgb(0, 0, 0);"><a href="tel:855-242-4769" color="#000" class="contact-info__ExternalLink-sc-mmkjr6-2 ibLXSU" style="text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;"><span>855-242-4769</span></a></td>
</tr>
<tr height="25" style="vertical-align: middle;">
<td width="30" style="vertical-align: middle;">
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td style="vertical-align: bottom;"><span color="#4358a7" width="11" class="contact-info__IconWrapper-sc-mmkjr6-1 bglVXe" style="display: inline-block; background-color: rgb(67, 88, 167);"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/email-icon-2x.png" color="#4358a7" alt="emailAddress" width="13" class="contact-info__ContactLabelIcon-sc-mmkjr6-0 cnkwri" style="display: block; background-color: rgb(67, 88, 167);"></span></td>
</tr>
</tbody>
</table>
</td>
<td style="padding: 0px;"><a href="mailto:[email protected]" color="#000" class="contact-info__ExternalLink-sc-mmkjr6-2 ibLXSU" style="text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;"><span>[email protected]</span></a></td>
</tr>
<tr height="25" style="vertical-align: middle;">
<td width="30" style="vertical-align: middle;">
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td style="vertical-align: bottom;"><span color="#4358a7" width="11" class="contact-info__IconWrapper-sc-mmkjr6-1 bglVXe" style="display: inline-block; background-color: rgb(67, 88, 167);"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/link-icon-2x.png" color="#4358a7" alt="website" width="13" class="contact-info__ContactLabelIcon-sc-mmkjr6-0 cnkwri" style="display: block; background-color: rgb(67, 88, 167);"></span></td>
</tr>
</tbody>
</table>
</td>
<td style="padding: 0px;"><a href="//www.landscap.ai" color="#000" class="contact-info__ExternalLink-sc-mmkjr6-2 ibLXSU" style="text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;"><span>www.landscap.ai</span></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="width: 100%; vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td height="30"></td>
</tr>
<tr>
<td color="#4358a7" direction="horizontal" width="auto" height="1" class="color-divider__Divider-sc-1h38qjv-0 llIisW" style="width: 100%; border-bottom: 1px solid rgb(67, 88, 167); border-left: none; display: block;"></td>
</tr>
<tr>
<td height="30"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="width: 100%; vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td style="text-align: right; vertical-align: top;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="width: 100%; vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td></td>
<td>
<tr><span style="display: flex;
justify-content: space-evenly;">
<a rel="noopener noreferrer" href="https://updates.landscap.ai/widget/bookings/demolandscapai" color="#4358a7" class="cta__CtaButton-sc-sq0d6i-0 kGNEzu" style="border-width: 6px 12px; border-style: solid; border-color: rgb(67, 88, 167); display: inline-block; background-color: rgb(67, 88, 167); color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-align: center; line-height: 40px; font-size: 12px; border-radius: 3px;">Customer Demo</a>
<a rel="noopener noreferrer" href="https://updates.landscap.ai/widget/bookings/customersupportmeet" color="#4358a7" class="cta__CtaButton-sc-sq0d6i-0 kGNEzu" style="border-width: 6px 12px; border-style: solid; border-color: rgb(67, 88, 167); display: inline-block; background-color: rgb(67, 88, 167); color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-align: center; line-height: 40px; font-size: 12px; border-radius: 3px;">Customer Support</a>
<a rel="noopener noreferrer" href="https://updates.landscap.ai/widget/bookings/affiliatedemo" color="#4358a7" class="cta__CtaButton-sc-sq0d6i-0 kGNEzu" style="border-width: 6px 12px; border-style: solid; border-color: rgb(67, 88, 167); display: inline-block; background-color: rgb(67, 88, 167); color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-align: center; line-height: 40px; font-size: 12px; border-radius: 3px;">Affiliate Demo</a>
</span></tr>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>我在下面包含按钮的行中进行了更改。
<span style="display: flex;justify-content: space-evenly;">
评论
0赞
tacoshy
10/18/2023
这被特别标记为 HTML 电子邮件问题并提及。某些提供商仅部分支持 Flexbox （~63%）。
0赞
Parth M. Dave
10/18/2023
@tacoshy 您知道如何在所有支持的浏览器中进行修复吗？如今，所有最新的浏览器都支持 flexbox。
0赞
tacoshy
10/18/2023
如前所述，我们不谈论网络浏览器，而是在电子邮件客户端中打开的电子邮件。电子邮件客户端不支持 flexbox。这不是一个网站问题，而是一个电子邮件问题
0赞
tacoshy
10/18/2023
caniemail.com/search/?s=flex
0赞
Parth M. Dave
10/19/2023
@tacoshy谢谢你的好意，朋友。
1赞
Jeevan ebi
10/17/2023
#3
按钮使用 style=“text-align： center;” 居中，并且它们在整个签名的宽度内均匀分布。这应该为您提供三个均匀分布的按钮，签名下方的宽度相同。您可以根据需要调整按钮文本和链接。
完整的重构代码：
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI"
style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI"
style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td width="150" style="vertical-align: middle;"><span
class="template3__ImageContainer-sc-vj949k-0 jeScQV"
style="margin-right: 20px; display: block;"><img
src="https://storage.googleapis.com/msgsndr/4v9YnFV91CVUbuwS6IF5/media/64f8b3af63e5711da26d77bf.png"
role="presentation" width="130" class="image__StyledImage-sc-hupvqm-0 gYgOut"
style="max-width: 130px;"></span></td>
<td style="vertical-align: middle;">
<h2 color="#000" class="name__NameContainer-sc-1m457h3-0 jxbGUj"
style="margin: 0px; font-size: 18px; color: rgb(0, 0, 0); font-weight: 600;">
<span>Aaron</span><span> </span><span>Rajchel</span>
</h2>
<p color="#000" font-size="medium" class="job-title__Container-sc-1hmtp73-0 ifJNJc"
style="margin: 0px; color: rgb(0, 0, 0); font-size: 14px; line-height: 22px;">
<span>Owner</span>
</p>
<p color="#000" font-size="medium"
class="company-details__CompanyContainer-sc-j5pyy8-0 VnOLK"
style="margin: 0px; font-weight: 500; color: rgb(0, 0, 0); font-size: 14px; line-height: 22px;">
<span>LandscapAI</span>
</p>
<p color="#000" font-size="medium"
class="custom-field__CustomFieldContainer-sc-190n2f-0 dKSugh"
style="color: rgb(0, 0, 0); margin: 0px; font-size: 14px; line-height: 22px;">
<span>Automation + AI = Grow</span>
</p>
</td>
<td width="30">
<div style="width: 30px;"></div>
</td>
<td color="#4358a7" direction="vertical" width="1" height="auto"
class="color-divider__Divider-sc-1h38qjv-0 llIisW"
style="width: 1px; border-bottom: none; border-left: 1px solid rgb(67, 88, 167);"></td>
<td width="30">
<div style="width: 30px;"></div>
</td>
<td style="vertical-align: middle;">
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI"
style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr height="25" style="vertical-align: middle;">
<td width="30" style="vertical-align: middle;">
<table cellpadding="0" cellspacing="0"
class="table__StyledTable-sc-1avdl6r-0 kAbRZI"
style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td style="vertical-align: bottom;"><span color="#4358a7"
width="11"
class="contact-info__IconWrapper-sc-mmkjr6-1 bglVXe"
style="display: inline-block; background-color: rgb(67, 88, 167);"><img
src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/phone-icon-2x.png"
color="#4358a7" alt="mobilePhone" width="13"
class="contact-info__ContactLabelIcon-sc-mmkjr6-0 cnkwri"
style="display: block; background-color: rgb(67, 88, 167);"></span>
</td>
</tr>
</tbody>
</table>
</td>
<td style="padding: 0px; color: rgb(0, 0, 0);"><a href="tel:855-242-4769"
color="#000" class="contact-info__ExternalLink-sc-mmkjr6-2 ibLXSU"
style="text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;"><span>855-242-4769</span></a>
</td>
</tr>
<tr height="25" style="vertical-align: middle;">
<td width="30" style="vertical-align: middle;">
<table cellpadding="0" cellspacing="0"
class="table__StyledTable-sc-1avdl6r-0 kAbRZI"
style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td style="vertical-align: bottom;"><span color="#4358a7"
width="11"
class="contact-info__IconWrapper-sc-mmkjr6-1 bglVXe"
style="display: inline-block; background-color: rgb(67, 88, 167);"><img
src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/email-icon-2x.png"
color="#4358a7" alt="emailAddress" width="13"
class="contact-info__ContactLabelIcon-sc-mmkjr6-0 cnkwri"
style="display: block; background-color: rgb(67, 88, 167);"></span>
</td>
</tr>
</tbody>
</table>
</td>
<td style="padding: 0px;"><a href="mailto:[email protected]" color="#000"
class="contact-info__ExternalLink-sc-mmkjr6-2 ibLXSU"
style="text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;"><span>[email protected]</span></a>
</td>
</tr>
<tr height="25" style="vertical-align: middle;">
<td width="30" style="vertical-align: middle;">
<table cellpadding="0" cellspacing="0"
class="table__StyledTable-sc-1avdl6r-0 kAbRZI"
style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td style="vertical-align: bottom;"><span color="#4358a7"
width="11"
class="contact-info__IconWrapper-sc-mmkjr6-1 bglVXe"
style="display: inline-block; background-color: rgb(67, 88, 167);"><img
src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/link-icon-2x.png"
color="#4358a7" alt="website" width="13"
class="contact-info__ContactLabelIcon-sc-mmkjr6-0 cnkwri"
style="display: block; background-color: rgb(67, 88, 167);"></span>
</td>
</tr>
</tbody>
</table>
</td>
<td style="padding: 0px;"><a href="//www.landscap.ai" color="#000"
class="contact-info__ExternalLink-sc-mmkjr6-2 ibLXSU"
style="text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;"><span>www.landscap.ai</span></a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI"
style="width: 100%; vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td height="30"></td>
</tr>
<tr>
<td color="#4358a7" direction="horizontal" width="auto" height="1"
class="color-divider__Divider-sc-1h38qjv-0 llIisW"
style="width: 100%; border-bottom: 1px solid rgb(67, 88, 167); border-left: none; display: block;">
</td>
</tr>
<tr>
<td height="30"></td>
</tr>
<!-- Add a row for the buttons here -->
<tr>
<td style="text-align: center; vertical-align: top;">
<a rel="noopener noreferrer"
href="https://updates.landscap.ai/widget/bookings/demolandscapai" color="#4358a7"
class="cta__CtaButton-sc-sq0d6i-0 kGNEzu"
style="border-width: 6px 12px; border-style: solid; border-color: rgb(67, 88, 167); display: inline-block; background-color: rgb(67, 88, 167); color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-align: center; line-height: 40px; font-size: 12px; border-radius: 3px; width: 120px;">Customer
Demo</a>
<a rel="noopener noreferrer"
href="https://updates.landscap.ai/widget/bookings/customersupportmeet"
color="#4358a7" class="cta__CtaButton-sc-sq0d6i-0 kGNEzu"
style="border-width: 6px 12px; border-style: solid; border-color: rgb(67, 88, 167); display: inline-block; background-color: rgb(67, 88, 167); color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-align: center; line-height: 40px; font-size: 12px; border-radius: 3px; width: 120px;">Customer
Support</a>
<a rel="noopener noreferrer"
href="https://updates.landscap.ai/widget/bookings/affiliatedemo" color="#4358a7"
class="cta__CtaButton-sc-sq0d6i-0 kGNEzu"
style="border-width: 6px 12px; border-style: solid; border-color: rgb(67, 88, 167); display: inline-block; background-color: rgb(67, 88, 167); color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-align: center; line-height: 40px; font-size: 12px; border-radius: 3px; width: 120px;">Affiliate
Demo</a>
</td>
</tr>
<!-- End of buttons row -->
</tbody>
</table>
</td>
</tr>
</tbody>
</table>以下是更正的部分代码：
<!-- Add a row for the buttons here -->
<tr>
<td style="text-align: center; vertical-align: top;">
<a rel="noopener noreferrer" href="https://updates.landscap.ai/widget/bookings/demolandscapai" color="#4358a7" class="cta__CtaButton-sc-sq0d6i-0 kGNEzu" style="border-width: 6px 12px; border-style: solid; border-color: rgb(67, 88, 167); display: inline-block; background-color: rgb(67, 88, 167); color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-align: center; line-height: 40px; font-size: 12px; border-radius: 3px; width: 100px;">Customer Demo</a>
<a rel="noopener noreferrer" href="https://updates.landscap.ai/widget/bookings/customersupportmeet" color="#4358a7" class="cta__CtaButton-sc-sq0d6i-0 kGNEzu" style="border-width: 6px 12px; border-style: solid; border-color: rgb(67, 88, 167); display: inline-block; background-color: rgb(67, 88, 167); color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-align: center; line-height: 40px; font-size: 12px; border-radius: 3px; width: 100px;">Support</a>
<a rel="noopener noreferrer" href="https://updates.landscap.ai/widget/bookings/affiliatedemo" color="#4358a7" class="cta__CtaButton-sc-sq0d6i-0 kGNEzu" style="border-width: 6px 12px; border-style: solid; border-color: rgb(67, 88, 167); display: inline-block; background-color: rgb(67, 88, 167); color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-align: center; line-height: 40px; font-size: 12px; border-radius: 3px; width: 100px;">Affiliate Demo</a>
</td>
</tr>
<!-- End of buttons row -->评论
1赞
tacoshy
10/18/2023
你可以删除你的，因为这是一个HTML-Email问题，你既不能使用外部CSS也不能使用类。HTML电子邮件的样式正确，具有内联样式，以提供对所有电子邮件客户端的最佳支持，因为HTML电子邮件也主要基于HTML4。Note
0赞
Jeevan ebi
10/18/2023
感谢您的信息，也会这样做！
0赞
Jeevan ebi
10/19/2023
@tacoshy - 感谢您提供的信息，但一开始有些人有一个常见问题解答，下一步该怎么做。考虑到您的建议，将来会更新此更改。
0赞
Syfer
11/6/2023
将所有按钮并排放置不会在按钮周围留出任何空间，也不会完全伸展。不确定这是否是一个有效的答案？
0赞
tacoshy
10/18/2023
#4
问题是，锚点都在单个单元格 （） 中。
要解决它，您必须将它们放入同一表格行（）中的不同单元格中。tdtr
然后，您可以使用该属性对齐单元格左侧、中部和右侧的锚点：align
<table>
<tr>
<td align="left"><a href="#">Button 1</a></td>
<td align="center"><a href="#">Button 1</a></td>
<td align="right"><a href="#">Button 1</a></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td width="150" style="vertical-align: middle;"><span class="template3__ImageContainer-sc-vj949k-0 jeScQV" style="margin-right: 20px; display: block;"><img src="https://storage.googleapis.com/msgsndr/4v9YnFV91CVUbuwS6IF5/media/64f8b3af63e5711da26d77bf.png" role="presentation" width="130" class="image__StyledImage-sc-hupvqm-0 gYgOut" style="max-width: 130px;"></span></td>
<td style="vertical-align: middle;">
<h2 color="#000" class="name__NameContainer-sc-1m457h3-0 jxbGUj" style="margin: 0px; font-size: 18px; color: rgb(0, 0, 0); font-weight: 600;"><span>Aaron</span><span> </span><span>Rajchel</span></h2>
<p color="#000" font-size="medium" class="job-title__Container-sc-1hmtp73-0 ifJNJc" style="margin: 0px; color: rgb(0, 0, 0); font-size: 14px; line-height: 22px;"><span>Owner</span></p>
<p color="#000" font-size="medium" class="company-details__CompanyContainer-sc-j5pyy8-0 VnOLK" style="margin: 0px; font-weight: 500; color: rgb(0, 0, 0); font-size: 14px; line-height: 22px;"><span>LandscapAI</span></p>
<p color="#000" font-size="medium" class="custom-field__CustomFieldContainer-sc-190n2f-0 dKSugh" style="color: rgb(0, 0, 0); margin: 0px; font-size: 14px; line-height: 22px;"><span>Automation + AI = Grow</span></p>
</td>
<td width="30">
<div style="width: 30px;"></div>
</td>
<td color="#4358a7" direction="vertical" width="1" height="auto" class="color-divider__Divider-sc-1h38qjv-0 llIisW" style="width: 1px; border-bottom: none; border-left: 1px solid rgb(67, 88, 167);"></td>
<td width="30">
<div style="width: 30px;"></div>
</td>
<td style="vertical-align: middle;">
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr height="25" style="vertical-align: middle;">
<td width="30" style="vertical-align: middle;">
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td style="vertical-align: bottom;"><span color="#4358a7" width="11" class="contact-info__IconWrapper-sc-mmkjr6-1 bglVXe" style="display: inline-block; background-color: rgb(67, 88, 167);"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/phone-icon-2x.png" color="#4358a7" alt="mobilePhone" width="13" class="contact-info__ContactLabelIcon-sc-mmkjr6-0 cnkwri" style="display: block; background-color: rgb(67, 88, 167);"></span></td>
</tr>
</tbody>
</table>
</td>
<td style="padding: 0px; color: rgb(0, 0, 0);"><a href="tel:855-242-4769" color="#000" class="contact-info__ExternalLink-sc-mmkjr6-2 ibLXSU" style="text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;"><span>855-242-4769</span></a></td>
</tr>
<tr height="25" style="vertical-align: middle;">
<td width="30" style="vertical-align: middle;">
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td style="vertical-align: bottom;"><span color="#4358a7" width="11" class="contact-info__IconWrapper-sc-mmkjr6-1 bglVXe" style="display: inline-block; background-color: rgb(67, 88, 167);"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/email-icon-2x.png" color="#4358a7" alt="emailAddress" width="13" class="contact-info__ContactLabelIcon-sc-mmkjr6-0 cnkwri" style="display: block; background-color: rgb(67, 88, 167);"></span></td>
</tr>
</tbody>
</table>
</td>
<td style="padding: 0px;"><a href="mailto:[email protected]" color="#000" class="contact-info__ExternalLink-sc-mmkjr6-2 ibLXSU" style="text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;"><span>[email protected]</span></a></td>
</tr>
<tr height="25" style="vertical-align: middle;">
<td width="30" style="vertical-align: middle;">
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td style="vertical-align: bottom;"><span color="#4358a7" width="11" class="contact-info__IconWrapper-sc-mmkjr6-1 bglVXe" style="display: inline-block; background-color: rgb(67, 88, 167);"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/link-icon-2x.png" color="#4358a7" alt="website" width="13" class="contact-info__ContactLabelIcon-sc-mmkjr6-0 cnkwri" style="display: block; background-color: rgb(67, 88, 167);"></span></td>
</tr>
</tbody>
</table>
</td>
<td style="padding: 0px;"><a href="//www.landscap.ai" color="#000" class="contact-info__ExternalLink-sc-mmkjr6-2 ibLXSU" style="text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;"><span>www.landscap.ai</span></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="width: 100%; vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td height="30"></td>
</tr>
<tr>
<td color="#4358a7" direction="horizontal" width="auto" height="1" class="color-divider__Divider-sc-1h38qjv-0 llIisW" style="width: 100%; border-bottom: 1px solid rgb(67, 88, 167); border-left: none; display: block;"></td>
</tr>
<tr>
<td height="30"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="width: 100%; vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td style="text-align: right; vertical-align: top;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="table__StyledTable-sc-1avdl6r-0 kAbRZI" style="width: 100%; vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;">
<tbody>
<tr>
<td></td>
</tr>
<tr>
<td align="left">
<a rel="noopener noreferrer" href="https://updates.landscap.ai/widget/bookings/demolandscapai" color="#4358a7" class="cta__CtaButton-sc-sq0d6i-0 kGNEzu" style="border-width: 6px 12px; border-style: solid; border-color: rgb(67, 88, 167); display: inline-block; background-color: rgb(67, 88, 167); color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-align: center; line-height: 40px; font-size: 12px; border-radius: 3px;">Customer Demo</a>
</td>
<td align="center">
<a rel="noopener noreferrer" href="https://updates.landscap.ai/widget/bookings/customersupportmeet" color="#4358a7" class="cta__CtaButton-sc-sq0d6i-0 kGNEzu" style="border-width: 6px 12px; border-style: solid; border-color: rgb(67, 88, 167); display: inline-block; background-color: rgb(67, 88, 167); color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-align: center; line-height: 40px; font-size: 12px; border-radius: 3px;">Customer Support</a>
</td>
<td align="right">
<a rel="noopener noreferrer" href="https://updates.landscap.ai/widget/bookings/affiliatedemo" color="#4358a7" class="cta__CtaButton-sc-sq0d6i-0 kGNEzu" style="border-width: 6px 12px; border-style: solid; border-color: rgb(67, 88, 167); display: inline-block; background-color: rgb(67, 88, 167); color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-align: center; line-height: 40px; font-size: 12px; border-radius: 3px;">Affiliate Demo</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
评论