前人做的框架,然后项目中发现一个bug不知道怎么解决,请教各位!
具体如下:
js生产dom元素
var html = [
"<table class = 'stop-point-table' style = 'width: 250px; table-layout: fixed;'>",
"<tr>",
"<th style = 'width: 90px; text-align: right;'>停车开始时间:</th>",
"<td>" + _startPoint.sendTime + "</td>",
"</tr>",
"<tr>",
"<th style = 'width: 90px; text-align: right;'>停车结束时间:</th>",
"<td>" + _endPoint.sendTime + "</td>",
"</tr>",
"<tr>",
"<th style = 'width: 90px; text-align: right;'>时长:</th>",
"<td>" + (d / 1000 / 60).toFixed(0) + " 分钟</td>",
"</tr>",
"<tr>",
"<th style = 'width: 90px; text-align: right;'>经纬度:</th>",
"<td>" + Number(_startPoint.longitude).toFixed(6) + "," + Number(_startPoint.latitude).toFixed(6) + "</td>",
"</tr>",
"</table>"
].join("");
然后看页面,dom顺利生成
但是样式不对,大家看到js中 th宽度是90px,接着看审查元素 可以看到90px确实生效了,如果无效应该有一个横线划掉,对不?接着看计算后属性 渲染成183px了,而且这是谷歌的效果,用火狐的话宽度计算后变成210多,没有留图不知道大家遇到过没有,还是这个问题很小白?
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。