jQuery를 사용하여 너비를 백분율로 설정

jQuery를 사용하여 div의 너비를 백분율로 설정하려면 어떻게해야합니까?

jquery width

— 프라 사드
소스

답변:

135

은 Using 폭 기능 :

$('div#somediv').width('70%');

돌아올거야:

<div id="somediv" />

으로:

<div id="somediv" style="width: 70%;"/>

— 다린 디미트로프
소스

변수에 너비가 있습니다! 어떻게 % width로 만들 수 있습니까 ??

— hemnath mouli

@hemnathmouli jQuery ( "div # somediv"). width (myvar + "%");

— Zorgatone

너비가 24 % 인 요소가 있는데, 제안한대로 너비를 11 %로 설정하면 너비가 33 %가됩니다. 나는 그것이 기존 너비에 너비를 추가한다고 생각했지만 33이 아닌 24 + 11 = 35를 볼 수 있습니다. 왜 이런 일이 발생하는지 알 수 있습니까?

— 유진

나는 이것이 오래된 게시물이라는 것을 알고 있지만 Google의 첫 번째 결과이기 때문에 방금 만났습니다. 나는 css () 함수가 width ()보다 조금 더 빠르다는 것을 알았습니다.

— Dohab

나는 너비를 설정하려고 .width("20%")했지만 요소가 계속 설정되었습니다 width: 24%. 문서를 살펴본 후 이것이 CSS box-sizing속성 과 관련된 것으로 밝혀졌습니다 . 사용 .css({'width':"20%"})하면이 조정을 피할 수 있습니다.

— khartnett

Hemnath

변수가 백분율 인 경우 :

var myWidth = 70;
$('div#somediv').width(myWidth + '%');

변수가 픽셀 단위이고 상위 변수가 차지하는 비율을 원하는 경우 :

var myWidth = 140;
var myPercentage = (myWidth / $('div#somediv').parent().width()) * 100;
$('div#somediv').width(myPercentage + '%');

— 조나단 엘더
소스

나를 위해 일한 대안은 다음과 같습니다.

$('div#somediv').css({'width': '70%'});

— joaorodr84
소스