Javascript/jQuery - div의 높이가 x의 배수가되도록 보장

Question

저는 각각 div.content 개의 블로그를 가지고 있습니다. 각 블로그의 높이는 22px의 배수로하고 싶습니다. 텍스트는 그리드의 배경 이미지와 정렬됩니다). 나는 아마도 당신이 뭔가를 할 것이라고 상상하고 있습니다.

// loop for each div.content 
    // var height = $('div.content').height() 
    // var modulus = height%22 
    // var padding = 22 - modulus 
    // $('div.content').css({'padding-left': 'PADDINGpx'}) 

그게 맞나요? 나는 JS와 너무 좋아. 패딩 변수를 jquery 함수로 어떻게 가져 옵니까? 사전에

감사합니다!

Answer 1

나에게 잘 보입니다. 만드는

$('div.content').css({'padding-left': padding+'px'}); 

한 점은 DIV 22의 배수 경우, 당신은 여전히 ​​여기에 22 픽셀을 추가 할 예정이다 : 당신은 문자열 변수에 가입 문자열 연결을 사용해야합니다. 그 원하는 있지 않은 경우, 조건부로 패딩을 추가 할 if 문을 사용

// loop for each div.content 
var height = $('div.content').height(); 
var modulus = height%22; 
var padding = 22 - modulus; 

if (modulus) 
    $('div.content').css({'padding-left': padding+ 'px'}); 

PS, 당신의 semicolon line terminators을 잊지 마세요.

Answer 2

시도

$('div.content').css({'padding-left': **padding+'px'**}) 

Answer 3

당신 것 단순히 수행 .. 나는 line-height:22px 자동으로 트릭을 할해야을주는 생각

var_padding = 22 - modulus; 
$('div.content').css({'padding-left': var_padding}) 

Answer 4

에 패딩을 얻기 위해 다음

( 어쩌면 내가 뭔가 잘못 이해하고있다 ..)