使用 jQuery 将宽度设置为百分比

Setting width as a percentage using jQuery

提问by Prasad

How can I set the width of a div as a percentage using jQuery?

如何使用 jQuery 将 div 的宽度设置为百分比？

回答by Darin Dimitrov

Using the widthfunction:

使用宽度函数：

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

will turn:

将转向：

<div id="somediv" />

into:

进入：

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

回答by Jonathan Elder

Hemnath

赫姆纳特

If your variable is the percentage:

如果您的变量是百分比：

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

If your variable is in pixels, and you want the percentage it take up of the parent:

如果您的变量以像素为单位，并且您想要它占父级的百分比：

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

回答by joaorodr84

Here is an alternative that worked for me:

这是一个对我有用的替代方法：

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