我正在尝试在Shopify电子邮件通知中放置一个按钮。尝试了几种不同的方法，但都没有成功。
到目前为止，修改后的代码可以在预览中工作，但不能在测试电子邮件中工作。
任何想法?非常感谢!!
.button__cell {
position: relative;
display: inline-block;
left: 50%;
transform: translateX(-50%);
text-align=center; background: {{ shop.email_accent_color }};
}<td class="button__cell"><a href="{{ gift_card.url }}" class="button__text">View Gift Card</a></td>text-align=center;应为text-align:center;
你可以尝试margins(它有更好的兼容性)超过left参见兼容性(和transform参见兼容性)。
margin: 0px auto;
这两个属性(left和transform)缺乏对当今各种电子邮件程序的普遍支持(transform不被任何电子邮件程序支持)(AOL或Android除外)。
我建议使用TABLES来正确地居中你的内容，你会有更好的兼容性在每个电子邮件应用程序。