Réglage de la largeur en pourcentage à l'aide de jQuery

Comment puis-je définir la largeur d'un div comme un pourcentage à l'aide de jQuery?

InformationsquelleAutor Prasad | 2010-01-23
  1. 126

    À l'aide de la largeur fonction:

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

    va tourner:

    <div id="somediv" />

    dans:

    <div id="somediv" style="width: 70%;"/>
    • j'ai eu la largeur dans une variable! Comment puis-je le faire pour %de la largeur??
    • jQuery("div#somediv").largeur(myvar + "%");
    • J'ai un élément avec une largeur de 24%, réglage de la largeur que vous suggérer de 11% me donne une largeur de 33% au lieu de cela. Je pensais que c'était l'ajout de la largeur de l'existant en largeur, mais comme vous pouvez le voir 24 + 11 = 35 et pas 33. Pourriez-vous avoir la moindre idée du pourquoi de ce qui se passe?
    • Je sais que c'est un vieux post, mais je viens de tomber sur ça car c'est le premier résultat sur google. J'ai remarqué que les css() la fonction est un peu plus rapide que la largeur(), peut-être que je me trompe.
    • J'ai essayé de définir une largeur à l'aide de .width("20%") cependant l'élément conservé à width: 24%. Après en fouillant dans les docs, s'avère ceci est lié à la CSS box-sizing de la propriété. À l'aide de .css({'width':"20%"}) éviter ce réglage.
    InformationsquelleAutor Darin Dimitrov
  2. 14

    Hemnath

    Si votre variable est le pourcentage:

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

    Si votre variable est exprimée en pixels, et que vous voulez le pourcentage de la mère:

    var myWidth = 140;
var myPercentage = (myWidth / $('div#somediv').parent().width()) * 100;
$('div#somediv').width(myPercentage + '%');
    • Merci mate 😉
    InformationsquelleAutor Jonathan Elder
  3. 13

    Ici est une solution qui a fonctionné pour moi:

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