Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 为什么这个内联css中缺少左填充?_Html_Css_Inline Styles - Fatal编程技术网

Html 为什么这个内联css中缺少左填充?

Html 为什么这个内联css中缺少左填充?,html,css,inline-styles,Html,Css,Inline Styles,我正在尝试添加一封响应html电子邮件,向用户发送一个链接以重置其密码。左边的填充不起作用,我希望它像右边一样灵敏,使容器始终居中 内联css中缺少哪一行代码供左填充执行 堆栈溢出 /* //马克:造型 */ .按钮{ 边界半径:4px; 字体系列:-苹果系统体,MacSystemFont,无衬线; 颜色:白色; 填充:12px 12px; 文字装饰:无; 显示:内联块; } .按钮密码{ 保证金:自动; } #纽扣套{ 宽度:150px; 保证金:自动; 字体系列:-苹果系统体,MacSys

我正在尝试添加一封响应html电子邮件,向用户发送一个链接以重置其密码。左边的填充不起作用,我希望它像右边一样灵敏,使容器始终居中

内联css中缺少哪一行代码供左填充执行


堆栈溢出
/*
//马克:造型
*/
.按钮{
边界半径:4px;
字体系列:-苹果系统体,MacSystemFont,无衬线;
颜色:白色;
填充:12px 12px;
文字装饰:无;
显示:内联块;
}
.按钮密码{
保证金:自动;
}
#纽扣套{
宽度:150px;
保证金:自动;
字体系列:-苹果系统体,MacSystemFont,无衬线;
文本对齐:居中;
边界:无;
边界半径:6px;
光标:指针;
字体大小:粗体;
}
身体{
位置:相对位置;
保证金:16;
字体系列:-苹果系统体,MacSystemFont,无衬线;
}
.集装箱{
显示:块;
保证金:16自动!重要;
最大宽度:580像素;
填充:10px;
宽度:580px;
}
.内容{
框大小:边框框;
显示:块;
保证金:16美元;
最大宽度:580像素;
填充:10px;
}
页脚{
宽度:100%;
字体系列:-apple-system-caption2,BlinkMacSystemFont,无衬线;
}
标题{
保证金:自动;
宽度:100%;
位置:相对位置;
z指数:100;
排名:0;
}
html,正文{
最小高度:100vh;
显示器:flex;
弯曲方向:立柱;
保证金:16;
填充:16;
}
.标志h1{
字体系列:-苹果系统大标题,MacSystemFont,无衬线;
显示:内联;
}
.logo img{
填充:16px;
宽度:64px;
高度:64px;
垂直对齐:中间对齐;
}
p{
字体系列:-苹果系统体,MacSystemFont,无衬线;
}
.预热头{
颜色:透明;
显示:无;
身高:0;
最大高度:0;
最大宽度:0;
不透明度:0;
溢出:隐藏;
mso隐藏:全部;
可见性:隐藏;
宽度:0;
}
.对h2{
字体系列:-apple-system-caption2,BlinkMacSystemFont,无衬线;
文本对齐:居中;
填充:1em;
}
/*
//标记:屏幕尺寸
*/
@仅介质屏幕和(最大宽度:620px){
.标志h1{
显示:内联;
}
.logo img{
填充:8px;
宽度:48px;
高度:48px;
垂直对齐:中间对齐;
}
表[class=body].content{
填充:0!重要;
}
表[class=body].container{
填充:0!重要;
宽度:100%!重要;
}
}
/*
//标记:颜色声明
//光模式
*/
.按钮{
背景色:#FF9000;
}
#纽扣套{
背景色:#FF9000;
}
.内容{
颜色:#000;
}
标题{
背景:线性梯度(#FF9000,#FFA101);
}
.标志h1{
颜色:#FFF;
}
.预热头{
颜色:透明;
}
.对h2{
颜色:#FFF;
}
/*
//暗模式
*/
@介质(首选颜色方案:深色){
.按钮{
背景色:#FF9A0A;
}
.内容{
颜色:#FFF;
}
标题{
背景:线性梯度(#FF9A0A,#FF9000);
}
.标志h1{
颜色:#FFF;
}
.预热头{
颜色:透明;
}
.对h2{
颜色:#000;
}
}
发送电子邮件,说明如何重置密码。
堆栈溢出

你好

已收到更改StackOverfow帐户密码的请求。


单击下面的链接重置密码。




链接的有效期为一小时。耽搁之后再要一个新的。
如果您没有发起此请求,请立即与我们联系并忽略此问题 电子邮件。


非常感谢。
斯塔克福队


©2021 Stackoverfow。保留所有权利

表格中添加
align=“center”

<table role="presentation" border="0" align="center" cellpadding="0" cellspacing="0" class="body">


解决方案1: 您可以通过使用(0 auto)更改容器类边距,使div自动居中,从而使容器在每个屏幕上居中并具有响应性

 .container {
        display: block;
        margin: 0 auto !important;
        max-width: 580px;
        padding: 10px;
        width: 580px;
      }
在我的电脑上观看最终结果

解决方案2:
只需在表格标签中添加align=center。

您忘记的打字错误
px
margin:16 auto!重要的在css中找到3到4次