html - 内联样式不适用于图像 - Jekyll - Zurb Ink - HTML 电子邮件设计

Question

我在这封电子邮件的页脚中有这两个社交图标，我希望它们并排放置(内联)。它说它们在检查器中是内联的，我想也许 td 区域变窄了所以我加宽了它.. 不是这样.. 似乎无法弄清楚。也尝试过 inline-block ..有什么想法吗？

http://onlyaction.github.io/snfm/2015/09/21/SNFM-0313.html

--

谢谢!

Answer 1

请删除 clear: both; in:

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;
}