内联样式无法处理图像 - 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;
}