Question

我尝试在点击时居中对齐div，但这不起作用

$().click(function(){
    $(".scale_roll").css({"width" : "80% ","margin":"0 auto"});
});

当我使用marign-left：100px时，它运行正常。在jQuery中使用此属性将div与中心对齐有什么问题？

Answer 1

TYPO。

auto 0应为0 auto：

$(".scale_roll").css({"width" : "80% ","margin":"0 auto"});

Answer 2

点击功能中的目标是空的，它应该是这样的：

$(".scale_roll").click( function() {
    $(this).css({
        "width": "80%",
        "margin": "0 auto"
    });
});

工作DEMO

Answer 3

将div移至中心，然后返回其原始位置。请点击＆＃34; 运行代码段＆＃34;以下

＆＃13;

$(".scale_roll").click(function(){
   if($(this).width() == 100)
       $(this).css({"width" : "80% ","margin":"0 auto"});
   else
       $(this).css({"width" : "100px ","margin":"0"});
});

＆＃13;

.scale_roll{
  width:100px; 
  height:100px;
  background-color:green;
  color:#fff;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="scale_roll">Click Me<div>

＆＃13;

Answer 4

您尚未正确拼写click功能。

$().click(function(){
$(".scale_roll").css({"width" : "80% ","margin":"0 auto"});
});

Answer 5

我猜您可以提供"margin":"0 auto"而不是"margin":"auto"。

$(".scale_roll").click( function() {
    $(this).css({
        "width": "80%",
           "margin": "auto"
    });
});

这是我的工作Demo

如何在jquery中使用margin：0 auto？

5 个答案: