Как использовать маржу: 0 auto в jquery?

Question

Я попытался сосредоточить выравнивать div на щелчок, но это не работает

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

Когда я marign-left: 100px он работает отлично. В чем проблема выравнивания div-центра с помощью этого свойства в jQuery?

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 в центр и затем вернуться в исходное положение. Пожалуйста, нажмите "Run Фрагмент кода" ниже

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

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

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

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