CSS定义如下:
.DataGrid { background-color: #ffffff;border: 1px solid #D3E7E6;}
.DataGrid td{padding:3px; height:24px; border-bottom:1px solid #e9e9e9; background-color:#fff; display:block}
.DataGrid_Item { background-color: #FBFFFF; padding:4px;}
html代码如下:
<table width="100%" border="0" cellpadding="0" cellspacing="1" class="DataGrid">
<tr class="DataGrid_Item">
<td width="30" align="center">1</td>
<td width="80">李大伟</td>
<td width="100">中山市西区 </td>
<td>西区中心小学 </td>
<td width="65" align="right"></td>
<td width="80" align="right" class="font_org">60</td>
<td width="65" align="right"><a href="#">600</a></td>
<td width="80" align="right" class="font_org">595.61 </td>
<td width="110" align="center">2010-04-15 14:32</td>
</tr>
</table>
如上html代码,第四个TD标签内没有内容,border-bottom:1px solid #e9e9e9;这个样式不起作用。请各位高手赐教。
ps:
1、不能加多余字符如 ,因为这样要麻烦到程序员。
2、IE8和FIREFOX可以正常显示。
------解决方案--------------------
.DataGrid td {
padding: 3px;
height: 24px;
border-bottom: 1px solid #e9e9e9;
background-color: #fff;
zoom:expression(this.innerHTML==""?(this.innerHTML=" "):0);
}