Html 如何在outlook中更改css按钮的大小？

我使用github的模板设计了一封电子邮件。除www.outlook.com和outlook 2013外，它在所有电子邮件客户端都能正常工作。我正在使用名为Confirmit的市场调查程序发送电子邮件

我试图给我的按钮一个静态宽度，因为它在outlook 2013中看起来很奇怪。同时，我也在努力不让我的电子邮件在outlook.com中向左对齐，而是让它像在我的其他设备（iPad、Mac、phone）上一样居中。有什么建议吗

注意：^Aanhef^和^slink^是变量。 我有^slink^，它代表surveylink，设置为：

Aliquam vel bebendum 

这就是outlook 2013中电子邮件的外观（按钮不是静态的，而且非常大）。 （我知道我没有足够的代表，但这让你更容易帮助我！）

这是我的代码：

/* -------------------------------------
全球的
------------------------------------- */
* {
保证金：0；
填充：0；
字体系列：“Helvetica Neue”，“Helvetica”，Helvetica，Arial，无衬线；
字体大小：100%；
线高：1.6；
}
img{
最大宽度：100%；
}
身体{
-webkit字体平滑：抗锯齿；
-webkit文本大小调整：无；
宽度：100%！重要；
身高：100%；
}
/* -------------------------------------
元素
------------------------------------- */
a{
颜色：#348eda；
}
.btn优先{
边框：1px实心rgb（30,54,80）；
边框左上半径：4px；
边框右上角半径：4px；
边框右下半径：4px；
边框左下半径：4px；颜色：rgb（255、255、255）；
显示：内联块；
字体系列：无衬线；
字体大小：13px；
字体大小：粗体；
线高：40px；
线宽：30%；
文本对齐：居中；
文字装饰：无；
最大宽度：300px；
最大高度：40px；
背景色：rgb（86,12,112）；
}
.btn主要{
文字装饰：无；
颜色：#FFF；
背景色：#3C175C；
边框：实心#3C175C；
边框宽度：10px 20px；
线高：2；
字体大小：粗体；
右边距：10px；
文本对齐：居中；
光标：指针；
显示：内联块；
边界半径：25px；
}
.btn中学{
文字装饰：无；
颜色：#FFF；
背景色：#aaa；
边框：实心#aaa；
边框宽度：10px 20px；
线高：2；
字体大小：粗体；
右边距：10px；
文本对齐：居中；
光标：指针；
显示：内联块；
边界半径：25px；
}
.最后{
页边距底部：0；
}
.首先{
边际上限：0；
}
.填充{
填充：10px0；
}
/* -------------------------------------
身体
------------------------------------- */
表3：车身包装{
宽度：100%；
填充：20px；
}
表3.body-wrap.容器{
边框：2px实心#f0；
}
/* -------------------------------------
页脚
------------------------------------- */
table.footer-wrap{
宽度：100%；
清楚：两者都有！很重要；
}
.footer wrap.container p{
字体大小：12px；
颜色：#666；
}
table.footer-wrap a{
颜色：#999；
}
/* -------------------------------------
印刷术
------------------------------------- */
h1，h2，h3{
字体系列：“Helvetica Neue”，Helvetica，Arial，“Lucida Grande”，无衬线；
线高：1.1；
边缘底部：15px；
颜色：#3C175C；
利润率：40px 0 10px；
线高：1.2；
字号：200；
}
h1{
字体大小：36px；
}
氢{
字号：28px；
}
h3{
字体大小：22px；
}
p、 ul，ol{
边缘底部：10px；
字体大小：正常；
字体大小：14px；
}
ul li，ol li{
左边距：5px；
列表样式位置：内部；
}
/* ---------------------------------------------------
响应性
从轨道上发射核弹。这是唯一确定的方法。
------------------------------------------------------ */
/*设置最大宽度，并使其显示为块，这样它将自动拉伸到该宽度，但在手机或其他设备上也会缩小*/
.集装箱{
显示：块！重要；
最大宽度：300px！重要；
边距：0自动！重要；/*使其居中*/
清楚：两者都有！很重要；
}
/*为Outlook兼容性设置td而不是div上的填充*/
.车身包装.容器{
填充：20px；
}
/*这也应该是一个块元素，这样它将填充100%的.container*/
.内容{
最大宽度：600px；
保证金：0自动；
显示：块；
}
/*让我们确保内容区域中的表是100%宽的*/
.内容表{
宽度：100%；
}


Utinodiging

^安海夫^

Lorem ipsum dolor sit amet，是一位杰出的献身者。佩伦茨克在佩伦茨克奥古斯
这是一辆车，一辆老爷车。Praesent和ligula malesuada、elementum nisi ac、laoreet enim

托托·佩伦茨克·亚库利斯的多奈克·费吉亚·尼布。前庭位于埃罗斯埃格斯塔斯箭头处，前庭位于波苏尔和尼布之间。毛里斯·埃利芬德·尤兰科珀贵宾酒店

威尼斯库拉索酒店。萨皮恩·康格的佩伦茨克、布朗迪特·伊普苏姆、尤伊斯莫·多洛。奥古斯丁的莫尔比

杜伊斯·杜伊斯·萨皮恩，普尔文纳尔ac的沃里帕特，库苏斯·ac·梅特斯。孕妇在饮食上有困难

^潜行^


不要在爱的门前走。Nam viverra erat non lorem auctor

Donec nec孕妇同侧。，
Donec vel
Nam viverra erat

阿利奎姆·维尔比本杜姆·艾利特。Morbi bibendum bibendum ex.Sed mollis，pulvinar luctus quam，ipsum purus Dignessim ante，rutrum diam tortor Sed libero。Donec nec孕妇ipsum。

智者知识：

您应该在HTML电子邮件中使用内联样式，因为您的样式标记将被google mail删除（-这对于查看哪些样式适用于哪些电子邮件客户端也非常有用）

如果要为按钮指定静态大小，请使用“宽度/高度”，而不是“最大宽度/最大高度”，因为Outlook 07不支持它们+

要对居中的内容表进行排序，需要将其放在100%宽度的表中，然后将其设置为align=“center”

---

所以我基本上可以删除所有css，只使用内联css？是的，这是编写HTML电子邮件的最佳实践