Html 表1:定心和保证金问题
我正在创建一个基于表格格式的电子邮件模板,以确保一致性。我有两个造型元素的问题Html 表1:定心和保证金问题,html,css,html-table,Html,Css,Html Table,我正在创建一个基于表格格式的电子邮件模板,以确保一致性。我有两个造型元素的问题 .productWrap-我无法显示边框底部,并且边距没有增加 我无法使太阳的图像在容器的中心对齐。我尝试添加文本对齐:居中;保证金:0自动30px 0;显示:块到和图像本身。两者都不起作用 有人看到我在这两件事上做错了什么吗 img{ 边界:无; -ms插值方式:双三次插值; 最大宽度:100%; } 身体{ 背景色:#f6f6f6; 字体系列:无衬线; -webkit字体平滑:抗锯齿; 字体大小:16px; 线
.productWrap
-我无法显示边框底部
,并且边距没有增加文本对齐:居中;保证金:0自动30px 0;显示:块编码>到
和图像本身。两者都不起作用
img{
边界:无;
-ms插值方式:双三次插值;
最大宽度:100%;
}
身体{
背景色:#f6f6f6;
字体系列:无衬线;
-webkit字体平滑:抗锯齿;
字体大小:16px;
线高:1.4em;
保证金:0;
填充:0;
-ms文本大小调整:100%;
-webkit文本大小调整:100%;
}
桌子{
边界塌陷:分离;
mso表空间:0pt;
mso表rspace:0pt;
宽度:100%;
}
表td{
字体系列:无衬线;
字体大小:14px;
垂直对齐:顶部;
}
/* -------------------------------------
车身与容器
------------------------------------- */
瑞德先生{
颜色:#b82222;
字体大小:粗体;
}
p{
字体系列:无衬线;
字体大小:16px;
线高:1.4em;
颜色:#4d;
}
.bold{
字体大小:粗体;
}
.签名{
边缘顶部:30px;
字体:斜体;
}
.集装箱{
显示:块;
保证金:0自动!重要;
最大宽度:580像素;
填充:10px;
宽度:580px;
}
.内容{
框大小:边框框;
显示:块;
保证金:0自动;
最大宽度:580像素;
填充:10px;
}
梅因先生{
背景:#fff;
边界半径:3px;
宽度:100%;
}
.包装纸{
框大小:边框框;
填充:20px;
}
.页脚{
明确:两者皆有;
填充顶部:10px;
文本对齐:居中;
宽度:100%;
最大宽度:580像素;
保证金:0自动;
显示:块;
}
.footer td、.footer p、.footer span、.footer a{
颜色:#999999;
字体大小:12px;
文本对齐:居中;
}
/*------产品部分------*/
.产品包装{
位置:相对位置;
宽度:100%;
高度:250px;
保证金:20px自动;
填充:10px0;
边框底部:3px实心#CCC;
z指数:1;
}
.productImgCont{
宽度:300px;
高度:自动;
}
.生产{
宽度:100%;
高度:自动;
}
.产品内容{
宽度:250px;
填充:0 10px;
}
.productName{
颜色:#4d;
字体系列:“奥斯瓦尔德”,无衬线;
字号:1.1rem;
}
.productName:之后{
内容:'';
显示:块;
高度:4px;
宽度:100px;
背景:#1b8c00;
边缘底部:10px;
}
.productLink{
颜色:#1b8c00;
字体系列:Verdana;
字体大小:.9rem;
文本转换:大写;
}
嗨,约翰
这是您的割草机每日更新
60英寸约翰迪尔1026R小型实用4X4拖拉机,带25马力YANMAR
10500.00美元
我在.productWrap中添加了“display:block”。对于图像,我删除了一些样式属性,效果很好
img{
边界:无;
-ms插值方式:双三次插值;
最大宽度:100%;
}
身体{
背景色:#f6f6f6;
字体系列:无衬线;
-webkit字体平滑:抗锯齿;
字体大小:16px;
线高:1.4em;
保证金:0;
填充:0;
-ms文本大小调整:100%;
-webkit文本大小调整:100%;
}
桌子{
边界塌陷:分离;
mso表空间:0pt;
mso表rspace:0pt;
宽度:100%;
}
表td{
字体系列:无衬线;
字体大小:14px;
垂直对齐:顶部;
}
/* -------------------------------------
车身与容器
------------------------------------- */
瑞德先生{
颜色:#b82222;
字体大小:粗体;
}
p{
字体系列:无衬线;
字体大小:16px;
线高:1.4em;
颜色:#4d;
}
.bold{
字体大小:粗体;
}
.签名{
边缘顶部:30px;
字体:斜体;
}
.集装箱{
显示:块;
保证金:0自动!重要;
最大宽度:580像素;
填充:10px;
宽度:580px;
}
.内容{
框大小:边框框;
显示:块;
保证金:0自动;
最大宽度:580像素;
填充:10px;
}
梅因先生{
背景:#fff;
边界半径:3px;
宽度:100%;
}
.包装纸{
框大小:边框框;
填充:20px;
}
.页脚{
明确:两者皆有;
填充顶部:10px;
文本对齐:居中;
宽度:100%;
最大宽度:580像素;
保证金:0自动;
显示:块;
}
.footer td,
.footer p,
.页脚跨度,
.页脚a{
颜色:#999999;
字体大小:12px;
文本对齐:居中;
}
/*------产品部分------*/
.产品包装{
位置:相对位置;
宽度:100%;
高度:250px;
保证金:20px自动;
填充:10px0;
边框底部:3px实心#CCC;
z指数:1;
显示:块;
}
.productImgCont{
宽度:300px;
高度:自动;
}
.生产{
宽度:100%;
高度:自动;
}
.产品内容{
宽度:250px;
填充:0 10px;
}
.productName{
颜色:#4d;
字体系列:“奥斯瓦尔德”,无衬线;
芳