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电子邮件中的布局_Html_Css - Fatal编程技术网

html电子邮件中的布局

html电子邮件中的布局,html,css,Html,Css,我使用了一个html电子邮件模板并对其进行了修改,但电子邮件显示在顶部有一个大的白色空白。我如何减少这个?我使用安卓邮件客户端来接收邮件,在页眉和页面顶部(主题栏)之间,有太多的空白(空白)。我想把整个内容放到页面顶部 /*------------------------------------- ------------ 内联 htmlemail.io/inline ---------------------------- --------- */ /* -----------------

我使用了一个html电子邮件模板并对其进行了修改,但电子邮件显示在顶部有一个大的白色空白。我如何减少这个?我使用安卓邮件客户端来接收邮件,在页眉和页面顶部(主题栏)之间,有太多的空白(空白)。我想把整个内容放到页面顶部

/*-------------------------------------
------------
内联
htmlemail.io/inline
---------------------------- 
--------- */
/* ------------------------- 
------------
反应灵敏,行动灵活
友好风格
---------------------------- 
--------- */
@仅介质屏幕和(最大宽度:620px){
表[class=body]h1{
字体大小:28px!重要;
边缘底部:10px!重要;
}
表[class=body]p,
表[类别=主体]ul,
表[class=body]ol,
表[class=body]td,
表[class=body]跨度,
表[类别=主体]a{
字体大小:16px!重要;
}
表[class=body]。包装器,
表[class=body]。文章{
填充:10px!重要;
}
表[class=body].content{
填充:0!重要;
}
表[class=body].container{
填充:0!重要;
宽度:100%!重要;
}
表[class=body].main{
边框左宽度:0!重要;
边界半径:0!重要;
右边框宽度:0!重要;
}
表[class=body].btn表{
宽度:100%!重要;
}
表[class=body].btn a{
宽度:100%!重要;
}
表[class=body].img-响应{
高度:自动!重要;
最大宽度:100%!重要;
宽度:自动!重要;
}
}
/* ------------------------- 
------------
在中保留这些样式
头
---------------------------- 
--------- */
@媒体所有{
.外部类{
宽度:100%;
}
.外部类,
.外部类别p,
.ExternalClass span,
.ExternalClass字体,
.ExternalClass td,
.ExternalClass分区{
线高:100%;
}
.苹果链接a{
颜色:继承!重要;
字体家族:继承!重要;
字体大小:继承!重要;
字体大小:继承!重要;
行高:继承!重要;
文字装饰:无!重要;
}
#MessageViewBody a{
颜色:继承;
文字装饰:无;
字体大小:继承;
字体家族:继承;
字体大小:继承;
行高:继承;
}
.btn主表td:悬停{
背景色:#34495e!重要;
}
.btn主a:悬停{
背景色:#34495e!重要;
边框颜色:#34495e!重要;
}
}

今天发布一则广告,然后
开始出售你不想要的东西
项目。



。 大家好,欢迎来到Adsler。万一你们不知道,你们也可以发布关于房产、工作、需要或出售的物品、汽车、手机等的广告



只需单击按钮即可

快乐发帖

Adsler.co.uk,Frienn-Barnet路49a-49b号。
. .


标题图像上方有两个空的
标记,周围的
有20px的填充

/*-------------------------------------
------------
内联
htmlemail.io/inline
---------------------------- 
--------- */
/* ------------------------- 
------------
反应灵敏,行动灵活
友好风格
---------------------------- 
--------- */
@仅介质屏幕和(最大宽度:620px){
表[class=body]h1{
字体大小:28px!重要;
边缘底部:10px!重要;
}
表[class=body]p,
表[类别=主体]ul,
表[class=body]ol,
表[class=body]td,
表[class=body]跨度,
表[类别=主体]a{
字体大小:16px!重要;
}
表[class=body]。包装器,
表[class=body]。文章{
填充:10px!重要;
}
表[class=body].content{
填充:0!重要;
}
表[class=body].container{
填充:0!重要;
宽度:100%!重要;
}
表[class=body].main{
边框左宽度:0!重要;
边界半径:0!重要;
右边框宽度:0!重要;
}
表[class=body].btn表{
宽度