内联样式不适用于图像 - Jekyll - Zurb Ink - HTML 电子邮件设计
Inline style not working on images - Jekyll - Zurb Ink - HTML Email Design
我在这封电子邮件的页脚中找到了这两个社交图标,我希望它们并排放置(内联)。它说它们在检查器中是内联的,我想也许 td 区域变窄了所以我加宽了它.. 不是这样.. 似乎无法弄清楚。也试过 inline-block
..有什么想法吗?
http://onlyaction.github.io/snfm/2015/09/21/SNFM-0313.html
--
谢谢!
请删除 clear: both;
在:
img {
outline: 0px none;
text-decoration: none;
width: auto;
max-width: 100%;
float: left;
clear: both; /* This is causing it */
display: block;
}
使用下面的 CSS 来定位图标,这样它就不会影响其他图像。
img.social {
clear: none;
}
我在这封电子邮件的页脚中找到了这两个社交图标,我希望它们并排放置(内联)。它说它们在检查器中是内联的,我想也许 td 区域变窄了所以我加宽了它.. 不是这样.. 似乎无法弄清楚。也试过 inline-block
..有什么想法吗?
http://onlyaction.github.io/snfm/2015/09/21/SNFM-0313.html
--
谢谢!
请删除 clear: both;
在:
img {
outline: 0px none;
text-decoration: none;
width: auto;
max-width: 100%;
float: left;
clear: both; /* This is causing it */
display: block;
}
使用下面的 CSS 来定位图标,这样它就不会影响其他图像。
img.social {
clear: none;
}