Question

尝试使用animate（）调整图像大小（放大）。没有设法从中心调整大小 - 总是从左上角调整大小。

有没有办法从居中的注册点调整大小（放大）？负利润/头寸不起作用。

Answer 1

您可能需要在调整图像大小时调整顶部和左侧位置，以使其从中心调整大小，这意味着您需要完全定位它以使位置更改生效。

Answer 2

您可以将图像放在div中，其大小与图像尺寸较大时相同。为div设置css text-align：center ，为图像设置 margin：auto ，然后它应该在div中居中。

示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
        google.load("jquery", "1.4");
    </script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#test').animate({width: 300});
        });
    </script>
</head>
<div style="width: 400px; text-align: center; border: 1px solid red">
    <img style="margin: auto;" id="test" src="http://www.google.se/intl/en_com/images/srpr/logo1w.png" width="131" height="98" alt="Picture 1"/>
</div>
</div>
</body>
</html>

JQUERY - 如何从中心调整图像大小（居中注册点）

2 个答案: