jquery - 为带有 jquery .attr() 的图像添加边距

Question

我正在使用 .attr() 将图像添加到跨度上，并且只想为图像添加上边距。但是当我将 css 添加到 jquery 时，它会移动整个跨度，而不仅仅是图像。我已经纠结了一段时间，但无法弄清楚。

如何仅将 CSS 添加到前置图像而不是整个跨度？

这是代码。

    $("<img />").prependTo('span.album:contains("Toto")').attr({
        src: '/images/toto.jpg',
        alt: '',
        height: '24',
                    style: 'margin-top:3px;' //this moves the whole span
    });

Answer 1

当您更改图像的边距时，它会增加当前行的高度。由于图像和跨度是display: inline，因此也会增加跨度上方的间距，因为它们都在同一条线上。考虑浮动图像，以使图像不会增加行高。