Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.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 表1:定心和保证金问题_Html_Css_Html Table - Fatal编程技术网

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;
    字体系列:“奥斯瓦尔德”,无衬线;
    芳