Pregunta Establecer el ancho como un porcentaje usando jQuery


¿Cómo puedo establecer el ancho de un div como un porcentaje usando jQuery?


75
2018-01-23 19:13


origen


Respuestas:


Utilizando el anchura función:

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

se convertirá:

<div id="somediv" />

dentro:

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

115
2018-01-23 19:15



Hemnath

Si su variable es el porcentaje:

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

Si su variable está en píxeles, y desea el porcentaje que toma de la matriz:

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

12
2017-07-31 03:10



Aquí hay una alternativa que funcionó para mí:

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

11
2017-08-24 13:54