日期:2014-05-16  浏览次数:20636 次

如何不改tr和td代码改变表格内边距?
	<table width=386 height=74 border=1  cellpadding=0
 cellspacing=0 bordercolor=#cccccc class="table1">
<tbody >
<tr>
<td width= 129 > </td>
<td height=17 align=right width=57>2013</td>
<td align=right width=57>2012</td>
<td width=66 align=right>Change</td>
<td width=66 align=right>%</td>
</tr>
<!--上面代码可以改变-->

<!--从此以下14行代码不可以改变-->
  <tr height="17">
<td height="17">条目1</td>
<td align="right">20</td>
<td align="right">-25</td>
<td align="right">93 </td>
<td align="right">17</td>
  </tr>
  <tr height="17">
<td height="17">条目2</td>
<td align="right">14</td>
<td align="right">3.2</td>
<td align="right">67 </td>
<td align="right">231</td>
  </tr>
<!--下面代码可以改变-->
</tbody>
</table>


如何不改变tr和td代码,而改变表格内显示数字与表格边框的padding(内边距)?

------解决方案--------------------
LZ可以通过JS改变TD的样式,例如:

$(.table1 tr td).each(function() {
    $(this).css({ "padding": "0px 5px 0px 5px" });
});