我设置了一个td的宽度为auto 在用 .css("width")取出为 auto 怎么才能得到真正宽度px20170819 10:30 200
2017-08-19 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
关注
展开全部
测试了一下,.width()求得的是不包括padding值在内的td宽度,不算是有误差。测试用例私信给你。
//js
$(document).ready(function(){
var tdWidth = $("td").eq(0).width();
var paddingLeft = parseInt($("td").eq(0).css("padding-left").replace('px',''));
var paddingRight = parseInt($("td").eq(0).css("padding-right").replace('px',''));
var daijiangeTd = (parseInt($("td").eq(1).offset().left) - parseInt($("td").eq(0).offset().left));
var jiange = daijiangeTd - tdWidth - paddingLeft - paddingRight;
$("#td-width").empty().html('td-width:' + tdWidth + 'px');
$("#padding-left").empty().html('padding-left:' + paddingLeft + 'px' );
$("#padding-right").empty().html('padding-right:' + paddingLeft + 'px' );
$("#daijiange").empty().html('带间隔:'+ daijiangeTd + 'px');
$("#jiange").empty().html('间隔:' + jiange + 'px');
});
//css
td{
width:auto;
height:100px;
border:1px solid #ABC;
padding:25px;
}
//输出
td-width:32px
padding-left:25px
padding-right:25px
带间隔:86px
间隔:4px
//js
$(document).ready(function(){
var tdWidth = $("td").eq(0).width();
var paddingLeft = parseInt($("td").eq(0).css("padding-left").replace('px',''));
var paddingRight = parseInt($("td").eq(0).css("padding-right").replace('px',''));
var daijiangeTd = (parseInt($("td").eq(1).offset().left) - parseInt($("td").eq(0).offset().left));
var jiange = daijiangeTd - tdWidth - paddingLeft - paddingRight;
$("#td-width").empty().html('td-width:' + tdWidth + 'px');
$("#padding-left").empty().html('padding-left:' + paddingLeft + 'px' );
$("#padding-right").empty().html('padding-right:' + paddingLeft + 'px' );
$("#daijiange").empty().html('带间隔:'+ daijiangeTd + 'px');
$("#jiange").empty().html('间隔:' + jiange + 'px');
});
//css
td{
width:auto;
height:100px;
border:1px solid #ABC;
padding:25px;
}
//输出
td-width:32px
padding-left:25px
padding-right:25px
带间隔:86px
间隔:4px
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询