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

Question

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

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

--

谢谢！

Answer 1

请删除 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;
}