首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用jQuery将宽度设置为百分比

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

Stack Overflow用户
提问于 2010-01-24 03:14:00
回答 3查看 118.6K关注 0票数 88

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

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2010-01-24 03:15:39

使用width函数:

代码语言:javascript
复制
$('div#somediv').width('70%');

将会变成:

代码语言:javascript
复制
<div id="somediv" />

进入:

代码语言:javascript
复制
<div id="somediv" style="width: 70%;"/>
票数 135
EN

Stack Overflow用户

发布于 2015-08-24 21:54:50

这里有一个对我有效的替代方案:

代码语言:javascript
复制
$('div#somediv').css({'width': '70%'});
票数 15
EN

Stack Overflow用户

发布于 2015-07-31 11:10:10

赫姆纳特

如果您的变量是百分比:

代码语言:javascript
复制
var myWidth = 70;
$('div#somediv').width(myWidth + '%');

如果您的变量是以像素为单位的,并且您想要它占父变量的百分比:

代码语言:javascript
复制
var myWidth = 140;
var myPercentage = (myWidth / $('div#somediv').parent().width()) * 100;
$('div#somediv').width(myPercentage + '%');
票数 14
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2124351

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档