使用Jquery+datatables插件显示表格,在FF和Chrome浏览器及IE10+以上版本中表格显示正常。
上代码:
<tr>
<td>
<label>2014-07-24</label>
</td>
<td>
<label>早班-上班</label>
</td>
<td>
<label>03:20</label>
</td>
<td>
<label>长阳路1681号临青路</label>
</td>
<td>
<label>1</label>
</td>
<td>
<label>0</label>
</td>
<td>
<label>1</label>
</td>
</tr>
看到第4个单元格后面的空行了吗?这就是“罪魁祸首”, 删除掉空白行后,样式OK了。
现象上看,去掉datatables插件引用后,也可显示正常;但在其他项目中也出现过因为内容中夹杂无用的空格导致的样式变形问题,且此问题只在IE某版本中存在。
谨此记录,供查阅。