html - 内联样式不适用于图像 - 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;
}