开发者社区> 问答> 正文

css 样式属性与计算属性差异 错误

前人做的框架,然后项目中发现一个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多,没有留图

不知道大家遇到过没有,还是这个问题很小白?

展开
收起
huc_逆天 2020-05-27 21:24:39 411 0
0 条回答
写回答
取消 提交回答
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载