Question

这是我的代码

<head>
    <style>
        /* Spritesheet is 2000 x 400 and has 5 frames horizontally */

        .crop {
            width: 400px;
            height: 400px;
            overflow: hidden;
        }
        .crop img {
            width: 2000px;
            height: 400px;
            margin: 0px;
        }
    </style>
</head>

<body>
    <div class="crop">
        <img id="pic" src="spritesheet.png" />
    </div>
</body>

</html>

我想用一个函数将ID pic更改为-400px。

Answer 1

您可以使用此功能执行此操作：

function MoveImage() {
    // using jQuery
    $('.crop img#pic').css({ 'margin-top': -400 });
    // using javascript
    // document.getElementById('pic').style.marginTop = '-400px';
}

MoveImage();

jsfiddle

Answer 2

#pic {margin：20px; }

或者您想要的任何值，您将使用您提供的ID来定位图像本身。当你通过它的ID定位项目时，你将使用＃，当你通过它的目标定位项目时，你会使用。

如何更改div内的图像边距

2 个答案: