ホームページ >ウェブフロントエンド >htmlチュートリアル >trコードとtdコードを変更せずにテーブルのパディングを変更するにはどうすればよいですか? _html/css_WEB-ITnose
<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>
現在のコードから判断すると、内側のマージンを追加するには、TD の CSS スタイルを設定する必要があります
TD を変更したくない場合は、 DIV を TD に追加してテキストの内容を変更します DIV に配置し、DIV の CSS スタイルを設定します
CSS コントロールを使用するため、TR TD コードを変更する必要はありません
LZ はスタイルを変更できますTD から JS までの例:
$(.table1 tr td).each(function() { $(this).css({ "padding": "0px 5px 0px 5px" });});
2 階に生鮮品があります!集まりました
conanhhyさん、ありがとうございます。あなたのアイデアに従い、CSSに直接追加しました。非常に便利。
りー