gpt4 book ai didi

html - 问题对齐 html 电子邮件的 div

转载 作者:行者123 更新时间:2023-11-28 16:08:21 26 4
gpt4 key购买 nike

我一直在复习一些关于如何并排对齐两个 div 的旧帖子,但我似乎无法做到这一点。我有一封 HTML 电子邮件,我想用两个按钮“接受”和“拒绝”发送我正在测试的代码如下。

<!DOCTYPE html> <html> <head> <style> #buttonGroup {
width: 100%;
margin: 0 auto;
}
#acceptButton {
width: 50%;
float: left;
}
#rejectButton {
width: 50%;
float: left;
}
</style> </head> <body> <div id=buttonGroup> <div id="acceptButton"> <p align="center"><!--[if mso]> <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="{!$Label.Site_URL_Prefix}campaignAccept?leadid={!CampaignMember.LeadId}{!Lead.Id}&contactid={!CampaignMember.ContactId}{!Contact.Id}&campaignId={!Campaign.Id}&action=Accept" style="height:40px;v-text-anchor:middle;width:200px;" arcsize="13%" strokecolor="#31b934" fillcolor="#2c772e"> <w:anchorlock/> <center style="color:#ffffff;font-family:sans-serif;font-size:13px;font-weight:bold;">Accept</center> </v:roundrect> <![endif]--><a href="{!$Label.Site_URL_Prefix}campaignAccept?leadid={!CampaignMember.LeadId}{!Lead.Id}&contactid={!CampaignMember.ContactId}{!Contact.Id}&campaignId={!Campaign.Id}&action=Accept" style="background-color:#31b934;border:1px solid #2c772e;border-radius:5px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;mso-hide:all;">Accept</a></p> </div> <div id="rejectButton>
<p align="center"><!--[if mso]> <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="{!$Label.Site_URL_Prefix}campaign?leadid={!CampaignMember.LeadId}{!Lead.Id}&contactid={!CampaignMember.ContactId}{!Contact.Id}&campaignId={!Campaign.Id}&action=Reject" style="height:40px;v-text-anchor:middle;width:200px;" arcsize="13%" strokecolor="#d12835" fillcolor="#921620"> <w:anchorlock/> <center style="color:#ffffff;font-family:sans-serif;font-size:13px;font-weight:bold;">Decline</center> </v:roundrect> <![endif]--><a href="{!$Label.Site_URL_Prefix}campaign?leadid={!CampaignMember.LeadId}{!Lead.Id}&contactid={!CampaignMember.ContactId}{!Contact.Id}&campaignId={!Campaign.Id}&action=Reject" style="background-color:#d12835;border:1px solid #921620;border-radius:5px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;mso-hide:all;">Decline</a></p> </div> </div> </body> </html>

我已经提供了我得到的结果,您可以看到他们只是没有正确排列,我们将不胜感激任何帮助。

最佳答案

您在 div id 属性 rejectButton 后忘记了一个 "。

关于html - 问题对齐 html 电子邮件的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34874295/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com