ホームページ > ウェブフロントエンド > htmlチュートリアル > trコードとtdコードを変更せずにテーブルのパディングを変更するにはどうすればよいですか? _html/css_WEB-ITnose

trコードとtdコードを変更せずにテーブルのパディングを変更するにはどうすればよいですか? _html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 09:46:21
オリジナル
1446 人が閲覧しました

	<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 コードを変更せずに、表と表の境界線に表示される数字のパディング (内側のマージン) を変更するにはどうすればよいですか?


ディスカッションへの返信 (解決策)

現在のコードから判断すると、内側のマージンを追加するには、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に直接追加しました。非常に便利。
りー

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート