>웹 프론트엔드 >HTML 튜토리얼 >如何不改tr和td代码改变表格内边距?_html/css_WEB-ITnose

如何不改tr和td代码改变表格内边距?_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-21 09:46:211438검색

	<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(内边距)?


回复讨论(解决方案)

从目前的代码看,要加上内边距需要对TD做CSS样式设定
如果不希望改变TD,可以试试在TD里加上DIV,把文本内容放置DIV内,之后对DIV设置CSS样式

利用css控制,这样就不用修改tr td的代码

LZ可以通过JS改变TD的样式,例如:

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

楼上的鲜货啊!  收走了 

谢谢conanhhy。我按照你的思路,直接在css中加入了。很好用。

.table2 tbody tr td{padding:5px;}


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.